zoukankan      html  css  js  c++  java
  • 移动端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之间。
  • 相关阅读:
    我的暑假周记2018.7.21
    大道至简读后感
    我的暑假周记2018.7.15
    继承与多态
    java联级调用
    古罗马凯撒大帝字串加密
    作业三
    线性同余法产生1000个随机数
    Text2
    java登录界面
  • 原文地址:https://www.cnblogs.com/lanyubaicl/p/9428544.html
Copyright © 2011-2022 走看看