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" />