meta 移动端禁止缩放

<meta 
  name="viewport" 
  content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" 
/>
  • width : viewport 的宽度,正整数/字符串 device-width
  • height : viewport 的高度,正整数/字符串 device-height
  • **initial-scale ** : 设备宽度与 viewport大小之间的缩放比例,0.0-10.0之间的正数
  • maximum-scale : 最大缩放系数,0.0-10.0之间的正数
  • minimum-scale : 最小缩放系数,0.0-10.0之间的正数
  • user-scalable : 如果设置为 no 用户将不能缩放网页,默认为 yes
iOS 10之后不接受meta标签,可通过js监听手势控制
document.addEventListener('gesturestart', function (event) {
    event.preventDefault()
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容