[HTML] meta viewport

모바일웹이나 반응형웹에서 각각의 기기장치를 인식할 때 사용하는 중요한 태그이다.
vscode에서 !+tab을 눌렀을때 나오는 기본적인 문법은 아래와 같다.

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

width=device-width

장치의 화면 너비를 따르도록 페이지 너비를 설정

initial-scale=1.0

브라우저에서 페이지를 처음로드 할 때 초기 확대 / 축소 수준을 설정

minimum-scale=1.0

최소사이즈를 1.0으로 설정하여 축소를 하지 못하도록 설정.
기본값은 0.25이며 범위는 0~10이다.

maximum-scale=1.0

최대사이즈를 1.0으로 설정하여 확대를 하지 못하도록 설정.
기본값은 0.25이며 범위는 0~10이다.

user-scalable=no/yes

확대 및 축소 가능 여부.
yes일 경우 확대나 축소가 가능하지만 no일 경우 불가하다.