web移动端开发(2)-viewport

viewport

<meta name="viewport" content="" />

width [pixel_value | device-width] width 直接去设置具体数值大部分的安卓手机不支持的 但是IOS支持

user-scalable 是否允许缩放 （no||yes）

initial-scale 初始比例

minimum-scale 允许缩放的最小比例

maximum-scale 允许缩放的最大比例 

target-densitydpi 

-- dpi_value 70–400 //每英寸像素点的个数

-- device-dpi 设备默认像素密度

-- high-dpi 高像素密度

-- medium-dpi 中等像素密度

-- low-dpi 低像素密度

-- webkit内核已不准备再支持

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