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