Mobile HTML 페이지 크기제어

각 디바이스의 크기에 맞게 제공되어야 하므로 가로 값은 device-width로 설정해서 최적화 시킨다.

<meta name="apple-mobile-web-app-capable" content="yes" />

가장 기본적인 메타태그

<meta name="viewport"

content="width=device-width, initial-scale=1.0 maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />

width=device-width 

각 디바이스의 해상도에 맞춰서 보일 수 잇도록 설정

initial-scale

페이지가 보이는 기본비율,(아이폰의 경우 스케일이 1이면 가로 320px에 맞춰진다.)

maximum-scale

페이지가 보이는 최대비율

minimum-sdale

페이지가 보이는 최소비율

user-scalable

사용자가 디바이스에서 확대가능여부