<meta> 태그 viewport의 content 값

일반적으로 사용하는 샘플

<meta name="viewport" content="width=device-width, initial-scale=1">

속성 값들

속성	설명
width	디바이스의 가상 뷰포트 넓이를 지정합니다. 애플 사파리 레퍼에 따르면 200 ~ 10,000
height	디바이스의 가상 뷰포트 높이. 애플 사파리 레퍼에 따르면 233 ~ 10,000
device-width	디바이스 화면의 물리적 넓이.
device-height	디바이스 화면의 물리적 높이. 애플 사파리 레퍼에 따르면 0보다 크고 10.0 이하의 값 허용
initial-scale	페이지 방문시 기본 확대 배율. 1이 곧 100%. 최대 10까지 허용 됨.
minimum-scale	현재 방문 페이지의 최소 줌 배율. 1일 때 축소를 허용하지 않음. 애플 사파리 레퍼에 따르면 기본값 0.25 0보다 크고 10.0 이하의 값 허용
maximum-scale	현재 방문 페이지의 최대 확대 배율. 1일 때 확대를 허용하지 않음. 애플 사파리 레퍼에 따르면 기본값 5 0보다 크고 10.0 이하의 값 허용
user-scalable	디바이스에서 줌 기능 제한 여부. yes, no 값으로 지정 기본값 yes

주의사항

디바이스별로 적용 되는 것이 천차만별.

과거에 아이패드에서 되는 것이 아이폰에서 적용 안되고 그랬음.

접근성 문제로, maximum-scale 값을 1로 지정하거나 user-scalable 값을 no로 지정하는 것은 좋지 못 함.