ios 10 Safari 浏览器双指缩放禁用失效、input点击页面放大、页面快速双击放大

描述:ios10版本的safari会出现浏览器缩放禁用失效、input点击页面放大、页面快速双击放大
解释:input点击页面放大是因为没写user-scalable=no ,浏览器双指缩放禁用失效和页面快速双击放大 是因为ios10 提升易用性不再禁止,可以考虑使用js ,通过 touchmove判断多个手指(touches.length)禁用event.preventDefault()来实现 。 但是还是会出现放大的可能,并且无法还原的现象,因此不建议使用js去实现
参考资料:http://stackoverflow.com/questions/37808180/disable-viewport-zooming-ios-10-safari

<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no">


//js部分

document.documentElement.addEventListener('touchmove', function (event) {
    if (event.touches.length > 1) {
        event.preventDefault();
    }
}, false);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略And...
    Mycro阅读 977评论 0 11
  • Meta 基础知识: H5 页面窗口自动调整到设备宽度,并禁止用户缩放页面。 空白页基本 meta 标签 其他 m...
    Dimen_阅读 1,035评论 2 4
  • 原文首发于 baishusama.github.io,欢迎围观~ 存疑 最开始,我遇到的其实是“移动端遮罩层滑动穿...
    白蜀黍阅读 1,802评论 1 17
  • 这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏...
    泡芙小姐110阅读 736评论 3 17
  • 君可知,我爱你, 正如你爱我一样, 毫无保留,毫无嫌隙。 君可知,我想你, 正如你想我一样, 无时无刻,无处不在。...
    无双子阅读 236评论 0 1