viewport metadata

<meta name="viewport" content=" 
    height = [pixel_value | device-height] ,
    width = [pixel_value | device-width ] ,
    initial-scale = float_value ,
    minimum-scale = float_value ,
    maximum-scale = float_value ,
    user-scalable = [yes | no] ,
    target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]
" />

• height : 뷰포트의 height를 설정
• width : 뷰포트의 width를 설정
• initial-scale : 페이지의 초기 비율 설정
• minimum-scale : 페이지의 최소 비율 설정
• maximum-scale : 페이지의 최대 비율 설정
• user-scalable : 유저의 비율 설정 허용 여부
• target-densitydpi : dpi설정
  • dpi_value : dpi값을 지정 70~400까지 사용가능
  • device-dpi : 디바이스의 native dpi 사용
  • high-dpi : hdpi 적용, Medium 과 low density screens 에서는 적당한 크기로 scale down
  • medium-dpi : mdpi적용 high density screen에서는 scale up, low density screen에서는 scale down. medium-dpi가 기본값
  • low-dpi : ldpi적용 Medium 과 high density screens 에서는 적당한 크기로 scale up