인프런 커뮤니티 질문&답변

넴모님의 프로필 이미지
넴모

작성한 질문수

퍼블리셔 취업 진짜 실전 가이드(PDF)

반응형 페이지 브레이크포인트에 대해 질문드려도 될까요??

작성

·

975

1

안녕하세요!

반응형 페이지를 만들다보면 드는 의문이 있어서요.. 물어볼곳이 없어서 질문드려요!

보통 반응형 페이지를 만들때 저는

모바일 320px 이상~

태블릿 768px 이상~

피씨는 그때마다 다르지만 한 1200px정도부터 잡고 시작하는데요!

 

320/768/1200 기준으로 디자인 작업을 하고나서 퍼블리싱을 하다보면

디자인은 딱 width 너비가 잡힌채로 하니까 이쁘게 나오는데

실제로 퍼블리싱하다보면 320px도 모바일이고 767px도 모바일이라 디자인이 애매해질때가 있거든요 ㅠㅠ

혹시 이런 부분은 실무에서 어떤식으로 해결하나요?

브레이크 포인트를 더 많이 잡고 배치를 해야하는 걸까요..?

 

답변 1

0

모바일을 320으로 잡는건 너무 예전 모바일까지 고려하는건데.. 글쎄요 전 375를 기준으로 잡는게 좋다고 생각합니다. 그리고 태블릿을 1200으로 잡는건 iPad Air가 1180이니까 괜찮은데 iPad Mini의 경우 1024니까 너비가 잘리지 않을까 합니다. 그래서 가장 안전하게 768~1024로 태블릿을 잡는게 좋다고 생각됩니다.

물론 블레이크포인트를 여러개 세밀하게 잡으면 좋지만 손이 많이 가잖아요. 혹시 그럴 여유가 있는 작업이라면 블레이크포인트를 여러개 세밀하게 잡는 것도 괜찮습니다.

넴모님의 프로필 이미지
넴모
질문자

답변 감사합니다!!

넴모님의 프로필 이미지
넴모

작성한 질문수

질문하기