[HTML] meta tag viewport

아이엠제니 2023. 1. 8. 00:32

<meta name="viewport" content="width=device-width, initial-scale=1">

width: 뷰포트의 너비. 기본값 device-width
height: 뷰포트의 높이. 기본값 device-height
initial-scale: 초기 배율. 기본값 1
- 1보다 작은 값이면 축소 페이지를, 1보다 큰 값이면 확대 페이지를 표시
user-scalable: 사용자가 페이지를 확대/축소할 수 있는지 여부 지정. 기본값 yes
minimum-scale: 확대/축소할 수 있는 최솟값(가로 기준). 기본값 0.25
maximum-scale: 확대/축소할 수 있는 최댓값(가로 기준). 기본값 5.0
- minimum-scal와 maximum-scale을 각각 1.0으로 지정하면 user-scaleble 속성을 yes로 해도 사용자가 화면을 확대하거나 축소할 수 없음
target-densityDpi: 고해상도 단말기의 화면 해상도에 맞출 수 있도록 페이지 확대. 기본값 device-dpi