如何防止在Safari 10中的iOS 10设备上进行缩放缩放?

时间:2016-10-31 15:47:54

标签: javascript ios web safari pinchzoom

有没有办法成功防止所有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,因为苹果更改了规范。

0 个答案:

没有答案