移动端Html5控制布局

 

<meta name="viewport" content="width=device-width, height=device-height, inital-scale=1.0, 
maximum-scale=1.0, user-scalable=no" />

content：

　　width 和 height 分别 指视区的逻辑宽度和高度.

　　device- width：设备的屏幕宽度

　　device-height：设备的屏幕高度

　　user-scalable：用户是否可以缩放视区，yes允许用户进行缩放；no:不允许用户进行缩放；

　　initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。通常整个Web页面，设为1.0则将显示未经缩放的Web文档。

　　maximum-scale和minimum-scale：Web页面缩放比例的限制。值的范围为0.25至10.0之间。与initial-scale相同，这些指令的值是应用于视区内容的缩放比例。

　　target-densitydpi: 屏幕销售密度 

　　target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]　　

• device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。
• high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。
• medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大， 像素密度设备相应缩小。 这是默认的target density.
• low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。
• <value> – 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。