有没有办法成功防止所有iOS设备(包括在版本10上运行的设备)中的徒步变焦缩放?
正在忽略视口元标记:
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
以上元可防止在iPhone 5 iOS 9.2上测试的旧iOS /设备上进行缩放缩放,但此问题不存在。 然而,当在iPhone 6,6 +版本10.0.1和iPhone 7 10.0(14)上进行测试时,这仍然是一个问题。
从iOS 10 beta 1发行说明:
为了改善Safari网站的可访问性,即使网站在视口中设置了user-scalable = no,用户现在也可以进行缩放。
我试过了:
document.documentElement.addEventListener('touchstart', function (event)
{
if (event.touches.length > 1)
{
event.preventDefault();
}
}, true);
如果用户同时将两根手指放在屏幕上,这似乎可以正常工作。 但是,如果您将一根手指放在屏幕上,然后在您可以捏缩放后立即放置第二根。注意:event.preventDefault();
已按预期成功点击。
旁注:类似问题,例如: How do you disable viewport zooming on Mobile Safari?但是这个问题的目的是直接解决iOS 10,因为苹果更改了规范。