[css] 미디어쿼리 분기점

@charset "UTF-8";

/* Mobile Device (가로폭 767px 이하) */
@media all and (max-width:767px) {

}

/* Tablet (가로폭 768px 이상, 1023px 이하) */
@media all and (min-width:768px) and (max-width:1023px) {

/* 브라우저 가로폭이 768~1023px일때 적용될 css (태블릿) */

}

/* PC Desktop (가로폭 1024 이상) */
@media all and (min-width:1024px) {

}

기본적인 미디어쿼리 분기점이다.

반응형 페이지의 경우 좀더 세분화되어 나눠지긴 하지만, 기본적으로 Mobile/Tablet/PC 기준으로

위와같이 나뉜다.