zoukankan      html  css  js  c++  java
  • h5里viewport设置

    正确设置:

     <meta name="viewport" content="width=device-width,initial-scale=1.0">
    

    即窗口的大小是设备物理宽度(分辨率 / devicePixelRatio),并且禁止缩放。两者一起使用。width设置浏览器可视宽度,initial-scale设置可视区域缩放级别。注意中间是逗号分隔。若写成分号则后面的无效。

    content属性值 :

    可视区域的宽度,值可为数字或关键词device-width
    height:同width
    intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
    maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
    	  maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
    user-scalable:是否可对页面进行缩放,no 禁止缩放
    

    当页面单位用了reminitial-scale必须为1.0,不设置或者设置不正确导致rem渲染不正常。

  • 相关阅读:
    点击有惊喜
    模态框案例
    DOM操作
    定时器
    函数和object
    shell 判断文件出现次数
    shell 判断路径
    shell 循环数组
    shell 判断为空打印
    shell 示例1 从1叠加到100
  • 原文地址:https://www.cnblogs.com/52fhy/p/5124584.html
Copyright © 2011-2022 走看看