title: How to disable web page zooming/scaling on Android?
body: <p>I have written a small web app to collect some data and store it in a central database. I'm walking around, reading values and typing them into a web site on my Android smartphone. It's just for me, so no public usability concerns apply this time.</p>
  
  <p>Now I want to add a button to increment a reading by one, and I need to be able to push that button several times. But if I do it too fast, the browser recognises a double-tab and scales/zooms into the page.</p>
  
  <p>I have added a viewport header already and played with every value combination I could find on the web. But the page remains scalable. How can I stop that?</p>
  
  <p>Here's a minimal test page that fails for me:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Test page&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width, user-scalable=no" /&gt;
  &lt;style type="text/css"&gt;
  body
  {
      font: 16pt sans-serif;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  This is a test page. It should not be scalable by the user at all. Not with the two-pinger pinch gesture and even less with a double-tap on the text.
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Adding initial-scale=1, maximum-scale=1 and all sorts of target-whateveritwas-dpi doesn't change a thing. I have restarted the browser (Dolphin HD and the stock browser) and cleared the cache already. I'm on Android 2.2, the phone is an HTC Desire.</p>