禁止页面缩放及meta便签常用属性

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">　　

1.width - viewport的宽度

2.height - viewport的高度

3.initial-scale - 初始的缩放比例

4.minimum-scale - 允许用户缩放到的最小比例

5.maximum-scale - 允许用户缩放到的最大比例

6.user-scalable - 用户是否可以手动缩放
如果要禁止页面缩放，只要把user-scalable 设置成no 就可以

若在此标签content中加入width=device-width,可以让网页的宽度自动适应手机屏幕的宽度(注：在谷歌浏览器中模拟手机时宽高不正确，加入此句后正常)。其中： width=device-width ：表示宽度是设备屏幕的宽度 initial-scale=1.0：表示初始的缩放比例 minimum-scale=0.5：表示最小的缩放比例 maximum-scale=2.0：表示最大的缩放比例 user-scalable=yes：表示用户是否可以调整缩放比例

 

转载于:https://www.cnblogs.com/nlyangtong/p/9907448.html