반응형웹디자인의 해상도분기점은 어떻게 나눌까
페이지 정보
작성자 달빛운영자 작성일18-10-10 14:59 조회608회 댓글0건관련링크
본문
반응형웹디자인의 해상도분기점은 어떻게 나눌까
일반적으로 사용되는 해상도분기점의 통계가 궁금하시면 아래의 그래프를 참고하시면 됩니다.
http://reports.quickleft.com/images/plots/breakpoint-frequencies.svg
저는 이렇게 추천하고 싶습니다.
모바일 : 639 이하
태블릿 : 640~768
데스크탑 : 769 이상
모바일 작업의 최소사이즈 기준으로 삼는 320의 두배가 되는 640 부터는 320 레이아웃을 그대로 두단으로 나열해서 붙여 쓸 수 있기 때문에 640이 태블릿 레이아웃으로 넘어가기에 적절한 포인트라고 생각합니다.
방문 통계를 내어보면 안드로이드 태블릿은 사용자가 많지 않아 태블릿은 아이패드 외의 다른 크기를 대응하는게 큰 의미가 없다고 생각합니다.
그래서 태블릿은 768 x 1024 를 기준으로 보고 작업하면 좋습니다.
아이패드 portrait는 태블릿 레이아웃으로,아이패드 Landscape는 데스크탑 레이아웃으로 대응하는게 좋은 것 같습니다.
데스크탑의 경우 min-width: 1000px; 를 주면 1000 이하로는 더 줄어들지 않게 할 수 있습니다. 769~1023 구간을 태블릿 레이아웃이 나오도록 하면 창을 조금만 줄여도 자꾸 태블릿으로 변해버려 사용자의 입장에선 불편할 수 있습니다. 그래서 min-width 걸고 고정시키는게 더 낫다고 생각합니다.
일반적으로 사용되는 해상도분기점의 통계가 궁금하시면 아래의 그래프를 참고하시면 됩니다.
http://reports.quickleft.com/images/plots/breakpoint-frequencies.svg
저는 이렇게 추천하고 싶습니다.
모바일 : 639 이하
태블릿 : 640~768
데스크탑 : 769 이상
모바일 작업의 최소사이즈 기준으로 삼는 320의 두배가 되는 640 부터는 320 레이아웃을 그대로 두단으로 나열해서 붙여 쓸 수 있기 때문에 640이 태블릿 레이아웃으로 넘어가기에 적절한 포인트라고 생각합니다.
방문 통계를 내어보면 안드로이드 태블릿은 사용자가 많지 않아 태블릿은 아이패드 외의 다른 크기를 대응하는게 큰 의미가 없다고 생각합니다.
그래서 태블릿은 768 x 1024 를 기준으로 보고 작업하면 좋습니다.
아이패드 portrait는 태블릿 레이아웃으로,아이패드 Landscape는 데스크탑 레이아웃으로 대응하는게 좋은 것 같습니다.
데스크탑의 경우 min-width: 1000px; 를 주면 1000 이하로는 더 줄어들지 않게 할 수 있습니다. 769~1023 구간을 태블릿 레이아웃이 나오도록 하면 창을 조금만 줄여도 자꾸 태블릿으로 변해버려 사용자의 입장에선 불편할 수 있습니다. 그래서 min-width 걸고 고정시키는게 더 낫다고 생각합니다.
댓글목록
등록된 댓글이 없습니다.