title: How does one prevent pinch zooming on iOS 10 devices in safari?
body: <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>