질문과도 같이 어떤 사이즈를 설정해야 하나요?
예를들어 1180px 768px 등등 이런것들을 좀 알려주세요
|
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2016-12-30 (금) 09:58:14
가장많이 쓰는 디바이스별 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를 구성할 수 있어요
답변에 대한 댓글 1개
돼지코구뇽
2016-12-30 (금) 09:35:55
반응형 코드를 쓰시면 됩니다. 예를들면 부트스트랩같은
768보다 작거나 769보다 크거나 등등 조금 다양합니다
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.