[HTML5] Meta tag 속성

1. viewpoint

스마프트폰은 기종별로 화면 크기가 다르다. 그렇다고 모든 단말기에 맞추어서 전용 버전을 개발해야 하는 것은 아니다. 

화면 사이즈에 맞추어서 표시해주는 'ViewPort' 라는 기능을 이용하면 된다.

<meta> 태그로 ViewPort를 지정하면 자동으로 크기가 조절되는 기능이다.

 

<meta name="viewport" content="속성1=값1, 속성2=값2,..." />

- VIewPort 속성

속성	기능
width	너비(픽셀)
height	높이(픽셀)
initial-scale	초기 배율(기본 꽉 찬 화면)
minimum-scale	최소 배율(기본값: 0.25, 범위:0~10.0)
maximum-scale	최대 배율(범위:0~10.0)
user-scalable	확대/축소 여부 (yes/no)