본문 바로가기
웹/HTML

viewport

by 미니토이 2015. 4. 3.
반응형

예시


<!-- 작성 예시 -->
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1" />




[width]

viewport의 가로폭을 200~10000px 사이 또는 device-width로 지정


[height]

viewport의 세로폭을 200~10000px 사이 또는 device-height로 지정


[initial-scale]

최초에 표시할 때의 표시 배율을 minimum--scale ~ maximum-scale의 범위로 지정


[minimum-scale]

최소 배율을 0~10 사이로 지정, 100% = 1.0이며, 기본값은 0.25


[maximum-scale]

최대 배율을 0~10 사이로 지정, 100% = 1.0이며, 기본값은 1.5


[user-scalable]

페이지의 확대 및 축소 여부를 yes 또는 no 로 지정. 기본값은 yes 이며, no로 지정할 경우 성능이 저하되므로 통상적으로 변경은 하지 않음



728x90
반응형

' > HTML' 카테고리의 다른 글

picture 태그와 figure 태그 차이점?  (0) 2023.05.08
https&http Mixed content 문제 오류 해결은 meta태그로  (1) 2023.01.06
W3C HTML5 컨퍼런스 자료  (0) 2022.11.25
svg path 따라다니는 글자  (0) 2022.06.16
원(\) 엔티티코드  (0) 2015.03.31

댓글