6.1 뷰포트 meta 태그

meta 태그: 웹 브라우저에 특별한 정보를 제공하는 HTML태그 

뷰포트 meta 태그: 모바일 웹 페이지는 화면에 대한 특별한 정보를 제공, 화면 설정과 관련된 정보를 제공 

width	뷰포트의 너비를 설정함. device-width 값은 장치의 화면 너비를 의미함.	<meta name="viewport" content="width=device-width">
height	뷰포트의 높이를 설정함. device-height 값은 장치의 화면 높이를 의미함.	<meta name="viewport" content="height=device-height">
initial-scale	페이지의 초기 확대/축소 비율을 설정함. 1.0은 기본 크기임.	<meta name="viewport" content="initial-scale=1.0">
minimum-scale	페이지의 최소 확대/축소 비율을 설정함.	<meta name="viewport" content="minimum-scale=1.0">
maximum-scale	페이지의 최대 확대/축소 비율을 설정함.	<meta name="viewport" content="maximum-scale=3.0">
user-scalable	사용자가 페이지를 확대/축소할 수 있는지 여부를 설정함. yes 또는 no 값을 가짐.	<meta name="viewport" content="user-scalable=no">
viewport-fit	화면 전체에 맞추기 위해 안전 영역을 사용하는 방법을 지정함. auto, cover, contain 값을 가짐.	<meta name="viewport" content="viewport-fit=cover">