'2012/11'에 해당되는 글 2건

  1. 2012.11.10 미디어쿼리 분기점
  2. 2012.11.09 html4 와 html5의 차이점

미디어쿼리 분기점

모바일 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
[아이폰4 대응] css sprite, -webkit-background-size  (0) 2012.01.30
Carousel  (0) 2011.07.05
모바일 프레임워크  (0) 2011.07.05
:

html4 와 html5의 차이점

Html5 2012. 11. 9. 15:58

'Html5' 카테고리의 다른 글

html5 검사시 summary 오류  (0) 2012.10.08
iframe 사용  (0) 2011.04.05
HTML5의 새로운 태그를 IE에서도 사용하는 방법  (0) 2011.03.30
html5 브라우저 호환 준비하기  (0) 2011.03.30
HTML5 문서의 구조  (0) 2011.03.30
: