미디어쿼리 분기점

참고 사이트 : 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'를

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

[출처] 반응형 웹 디자인을 위한 해상도 분기점 리스트|작성자 운돌이