디자인자극받기/UX2013. 4. 27. 17:35

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

(resolution break point)

 

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

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

600픽셀 :킨들(600x800), 반스앤노블(600x1024) 소형 태블릿에서 portrait 모드일 때

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

1024픽셀 :아이패드(768x1024)와 같은 태블릿에서 landscape 모드일때, 특정 노트북,데스크톱

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



Posted by rantaworks