h5里viewport设置

正确设置：

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

        

          
        
        
        

          

          AI 代码解读
        
      
      

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

content属性值 :

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

        

          
        
        
        

          

          AI 代码解读
        
      
      

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