반응형 웹사이트를 만들고 있는데 미디어 쿼리 breakpoint를 몇 px로 잡아야 할지 모르겠습니다. 기기마다 다 다른데 보통 어떤 기준을 쓰나요?
2018년 기준 가장 많이 쓰는 breakpoint:
/* 모바일 (기본) *//* 모든 스타일을 모바일 기준으로 작성 *//* 태블릿 */@media (min-width: 768px) { ... }/* 데스크톱 */@media (min-width: 1024px) { ... }/* 대형 데스크톱 */@media (min-width: 1200px) { ... }
Bootstrap 4 기준: 576px / 768px / 992px / 1200px
팁: Mobile First로 작성하세요. 기본 CSS를 모바일용으로 쓰고, min-width로 큰 화면 스타일을 추가합니다.
댓글 2
2018년 기준 가장 많이 쓰는 breakpoint:
Bootstrap 4 기준: 576px / 768px / 992px / 1200px
팁: Mobile First로 작성하세요. 기본 CSS를 모바일용으로 쓰고, min-width로 큰 화면 스타일을 추가합니다.