描述: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);
网友评论