티스토리 뷰

Programming language/HTML & CSS

뷰포트 정리

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
반응형
댓글