[HTML] meta tag viewport

 

<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