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之间。
  • 相关阅读:
    Bootstrap
    Asp.Net母版页的相关知识
    连接Access数据库的连接字符串
    登录界面更换验证码图片
    .NET中string与StringBuilder在字符串拼接功能上的比较
    Asp.Net(C#)使用oleDbConnection 连接Excel
    非常规方法实现添加合并列
    ASP.Net页面间变量值传递的方法
    eclipse配置class注释模板
    spring中web.xml指定配置文件
  • 原文地址:https://www.cnblogs.com/lanyubaicl/p/9428544.html
Copyright © 2011-2022 走看看