Viewprot meta学习笔记

viewprot屏幕尺寸，专为移动页面设计

参数

<meta name="viewport" content="height,width,initial-scale,minimum-scale,maximum-scale,user-scalable,target-densitydpi" />

width,height

宽高，或者device-width、device-height设备的宽高

initial-scale

初始缩放比例。如果设2.0则会放大两倍

maximum-scale

允许用户缩放最大比例

minumum-scale

允许用户缩放最小比例

usex-scalable

是否可以手动缩放，yes or no

缩放值必须在 0.1 - 10 之间

target-densitydpi

屏幕像素密度由分辨率决定，通常定义为dpi，取值范围如下

device-dpi：使用设备原本的dpi作为目标dpi，不会发生默认缩放

high-dpi：中等像素密度和低像素密度设备相应缩小

medium-dpi：高像素密度设备相应放大，像素密度设备相应缩小。默认

low-dpi：中等像素密度和高像素密度设备相应放大

value：取值范围 70 - 400

<meta name="viewport" content="width=640，user-scalable=no，target-densitydpi=device-dpi">

将宽度设为640，因为目前主流 的设备宽度为640，样式上不用特殊处理，与PC书写保持一致。