hello-world
2018. 12. 13. 18:09
728x90
반응형
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.
728x90
반응형