본문으로 바로가기

반응형 웹디자인을 만들때 특정 중단점을 기준으로 디자인을 구상하는 것은 현명하지 못한 결과를 초래한다. 수많은 기기의 뷰포트들을 각각의 중단점에 맞게 디자인을 구상하지 말고 전체를 아우르는 유동성있는 디자인이 작업의 노고를 줄이는 지름길이다. 다만 경우에 따라 특정 기기들의 뷰포트가 필요한 경우가 있기에 이를 조사해봤다.

스마트폰(Smartphone)

아이폰(iphones)

아이폰 mediaquery 중단점 보기

갤럭시폰(Galaxy phones)

갤럭시폰 mediaquery 중단점 보기

HTC Phones

HTC폰 mediaquery 중단점 보기

태블릿(Tablets)

아이패드(iPads)

아이패드 mediaquery 중단점 보기

갤럭시 태블릿(Galaxy Tablets)

갤럭시 태블릿 mediaquery 중단점 보기

넥서스 태블릿(Nexus Tablets)

넥서스 태블릿 mediaquery 중단점 보기

킨들 파이어(Kindle Fire)

킨들 mediaquery 중단점 보기

노트북(Laptops)

노트북 mediaquery 중단점 보기

Wearables

애플워치(Apple Watch)

애플워치 mediaquery 중단점 보기

모토 360워치(Moto 360 Watch)

모토 360워치 mediaquery 중단점 보기


신고

'웹개발론 > 반응형웹디자인' 카테고리의 다른 글

여러가지 기기의 중단점(breakpoint)  (2) 2016.11.07

댓글을 달아 주세요

  1. BlogIcon 연골 2016.11.29 14:02 신고

    항상 좋은 정보 얻고갑니다!

  2. BlogIcon wallel 2017.01.26 15:50 신고

    좋은 정보 감사합니다. :)
    늘 정말 많은 도움을 얻고있습니다!

티스토리 툴바