반응형 웹을 만들 때 미디어 쿼리의 breakpoint를 어떤 기준으로 잡아야 하나요?
Bootstrap 기준(576px, 768px, 992px, 1200px)을 따르는 게 좋은지, 아니면 콘텐츠 기반으로 정하는 게 좋은지 궁금합니다.
반응형 웹을 만들 때 미디어 쿼리의 breakpoint를 어떤 기준으로 잡아야 하나요?
Bootstrap 기준(576px, 768px, 992px, 1200px)을 따르는 게 좋은지, 아니면 콘텐츠 기반으로 정하는 게 좋은지 궁금합니다.
댓글 1
콘텐츠 기반이 이론적으로 맞지만, 현실적으로 Bootstrap 기준을 따르는 게 편합니다. 디자이너와 협업할 때도 공통 기준이 있으면 소통이 쉽거든요. mobile-first로 min-width를 쓰는 걸 추천합니다.