미디어 쿼리 예

미디어 쿼리 안의 css의 이름은 모두 동일하게 해야함

 

@media (max-width:767px) {/* 최소 ~ 최대 767 */
}

@media (min-width:768px) and (max-width:1023px) {/* 최소 768 ~ 1023 ---------------------------------------------------------------------- */
}

@media (min-width:1024px) {/* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
}