[HTML5]뷰포트 meta 태그

■ viewport meta tag

meta 태그는 웹 브라우저에 특별한 정보를 제공하는 HTML 태그입니다. 모바일 웹 페이지는 화면에 대한 특별한 정보를 제공하기위하여 viewport 태그를 사용합니다.(브라우저 화면 설정과 관련된 정보를 제공)

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />

- 뷰포트 meta 태그의 속성

속성이름	예시	설명
width	width=800 width=device-width	화면의 너비
height	height=600 height=device-height	화면의 높이
initial-scale	initial-scale=2.0	초기 확대 비율
user-scalable	user-scalable=no	확대 및 축소의 기능 여부
minimum-scale	minimum-scale=1.0	최소 축소 비율
maximum-scale	maximum-scale=2.0	최대 축소 비율
target-densitydpi	target-densitydpi=medium-dpi	DPI 지정

[참고 URL]

http://developer.android.com/guide/webapps/targeting.html

[작성 예시]