How does one prevent pinch zooming on iOS 10 devices in safari?
<p>Is there a way to successfully prevent pinch zooming in safari on all iOS devices including those running on version 10?</p>

<p>Viewport meta tag is being ignored: </p>

<pre><code>&lt;meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" /&gt;
</code></pre>

<p>The above meta prevents pinch zooming on older iOS/Devices tested on iPhone 5 iOS 9.2 and this issue is not present. 
However when tested on an iPhone 6, 6+ version 10.0.1 and iPhone 7 10.0(14) this remains an issue.</p>

<p>From the iOS 10 beta 1 release notes:</p>

<blockquote>
  <p>To improve accessibility on websites in Safari, users can now pinch-to-zoom even when a website sets user-scalable=no in the viewport.</p>
</blockquote>

<p>I have tried:</p>

<pre><code>    document.documentElement.addEventListener('touchstart', function (event) 
    {
      if (event.touches.length &gt; 1) 
      {
        event.preventDefault();
      }
    }, true);
</code></pre>

<p>Which seems to do the job ok if the user puts both fingers on the screen at the same time. <strong>But if you place one finger on the screen and then a second soon after you are able to pinch zoom</strong>. Note:<code>event.preventDefault();</code> has been hit successfully as expected.</p>

<p>Side-note: Similar questions around e.g. <a href="https://stackoverflow.com/questions/4389932/how-do-you-disable-viewport-zooming-on-mobile-safari/39711930#39711930">How do you disable viewport zooming on Mobile Safari?</a> but this question is aimed to directly tackle iOS 10 due to Apples change of specifications.</p>