뷰포트 정리

Viewport 정리

<meta name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

width : viewport의 width를 조정. 숫자값이 들어갈 수도 있고,  

device-width 와 같은 특정한 값을 사용할  수 있음. 

device-width - 100% 스케일에서 CSS pixel로 계산된 화면 width.

height : viewport의 height( 세로 )를 조정.

initial-scale : 페이지가 처음 로딩 될 때 줌 레벨 조정. 값이 1일때는 CSS pixel과 기기 pixel 간의 1:1 로 조절.

minimum-scale : viewport의 최소 배율값, 기본값은 0.25.

maximum-scale : viewport의 최대 배율값, 기본값은 1.6. 

user-scalable : 사용자의 확대/축소 기능을 설정, 기본값 yes.