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




//js部分

document.documentElement.addEventListener('touchmove', function (event) {
    if (event.touches.length > 1) {
        event.preventDefault();
    }
}, false);

你可能感兴趣的:(ios 10 Safari 浏览器双指缩放禁用失效、input点击页面放大、页面快速双击放大)