正文

移动端Html5控制布局

IP云
IP云V管理员/0 阅读
09/02
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

<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之间。