반응형 웹 제작할때 어떤어떤 사이즈만 설정하면 되나요??
본문
질문과도 같이 어떤 사이즈를 설정해야 하나요?
예를들어 1180px 768px 등등 이런것들을 좀 알려주세요
답변 2
가장많이 쓰는 디바이스별 css3 미디어 쿼리는 아래와 같습니다.
<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를 구성할 수 있어요
!-->
반응형 코드를 쓰시면 됩니다. 예를들면 부트스트랩같은
768보다 작거나 769보다 크거나 등등 조금 다양합니다
답변을 작성하시기 전에 로그인 해주세요.