미디어쿼리 분기점

모바일 2012.11.10 11:34

참고 사이트 : http://mediaqueri.es/

 

 

갤럭시s3 전까진 아래게 맞는거 같은데...요즘 해상도가 더 높은것들이 나와서...고민이다....

320픽셀

휴대폰과 같은 소형 스크린 기기에서 portrait 모드일 때

480픽셀

휴대폰과 같은 소형 스크린 기기에서 landscape 모드일 때

600픽셀

아마존 킨들(600x800), 반스앤노블(600x1024)과같은

소형 태블릿에서 portrait 모드일 때

768픽셀

아이패드(768x1024)와 같은 10인치 태블릿에서 portrait 모드일 때

1024픽셀

아이패드(768x1024)와 같은 태블릿에서 landscape 모드일때, 특정 노트북, 넷북, 데스크톱의 디스플레이일 때

1200픽셀

와이드 스크린 디스플레이, 주요 노트북, 데스크톱의 브라우저일 때


반응형 웹 디자인을 제작하기 위한 미디어쿼리 해상도 분기점 리스트 입니다.


resolution break point 라고도 합니다.


국내에도 다양한 해상도를 지닌 디바이스들이 존재하지만 현 디바이스 시장에서 가장 많이 사용되는 제품을 주로 하여,

해상도 분기점을 사용하는 편입니다.


꼭 위의 분기점들이 완벽하게 모든 기기들을 지원한다고 할 수는 없습니다. 그러나 css3 속성인 '미디어쿼리'를 지원하고 'viewport'를

사용한다면 현 시장에서 대중적으로 사용되는 디바이스에는 전부 지원이 가능한 분기점 리스트 입니다.

신고

'모바일' 카테고리의 다른 글

디바이스별 해상도  (0) 2015.07.14
화면 터치시 터치영역 제거  (0) 2015.06.11
미디어쿼리 분기점  (0) 2012.11.10
[아이폰4 대응] css sprite, -webkit-background-size  (0) 2012.01.30
Carousel  (0) 2011.07.05
모바일 프레임워크  (0) 2011.07.05
Trackback 0 : Comment 0

티스토리 툴바