title: HTML5 Mobile Page - Disable Zooming
body: <p>I am working on a HTML5 mobile application and we want to disable zooming on all pages.</p>
  <p>Adding this meta tag seem to work except users can scroll + zoom which we don't want.</p>
  <pre><code>&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;
  </code></pre>
  <p>How can I disable it completely?</p>
  <p>BTW, I have added this to CSS also.</p>
  <pre><code>-webkit-text-size-adjust: none;
  touch-action: none;
  </code></pre>