移动端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之间。

猜你喜欢

转载自www.cnblogs.com/lanyubaicl/p/9428544.html