답변 2개 / 댓글 2개
채택된 답변
+20 포인트
가장많이 쓰는 디바이스별 css3 미디어 쿼리는 아래와 같습니다.
Copy
<style>/* 모바일 Extra Small Devices, .visible-xs-* */@media (max-width: 767px) { /* css 작성 */} /* 타블렛 Small Devices, .visible-sm-* */@media (min-width: 768px) and (max-width: 991px) { /* css 작성 */ } /* PC사이즈 Medium Devices, .visible-md-* */@media (min-width: 992px) and (max-width: 1199px) { /* css 작성 */ } /* WIDE PC사이즈 Large Devices, .visible-lg-* */@media (min-width: 1200px) { /* css 작성 */ }</style>위에 4분류로 와이드 PC 사이즈, 일반PC 사이즈, 타블렛기기 사이즈, 모바일 기기 사이즈
설명을 드리자면 순차적으로
~ 767px 보다 작은 사이즈
768px ~ 991px 사이의 사이즈
992px ~ 1199px 사이의 사이즈
1200px ~ 보다 큰 사이즈
각각의 미디어 쿼리내에 css를 작성하면 각 해당하는 px의 사이즈에 맞는 css를 구성할 수 있어요
답변을 작성하려면 로그인이 필요합니다.