모바일 웹의 레이아웃을 위한 Meta 태그
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=device-dpi" />
width : 화면 가로 사이트 (device-width로 폰의 크기로 지정)
initial-scale : 초기의 확대 비율
maximum-scale : 최대 확대 비율
user-scalable : 사용자가 Zoom기능 사용 제어(no일 경우 Zoom기능이 disable)
target-densityDpi : DPI를 지정(device-dpi를 지정하면 폰의 DPI가 설정됨)
'모바일웹' 카테고리의 다른 글
| 모바일 웹사이트 제작 전 알아두면 좋은 10가지 (0) | 2012.05.14 |
|---|---|
| 모바일페이지로 이동하는 스크립트 (0) | 2012.05.14 |
| 자바스크립트를 활용한 모바일 웹 구현 (0) | 2012.05.14 |
