title: Stop Android from zooming on double-tap
body: <p>I'm making a (very) small page which is used by Speech and Language therapists to count stutters in speech. For each syllable they press a "Syllable" button, and for each stutter they press a "Stutter" button.</p>
  
  <p>The intended use is on an Android Tablet. I have all the code working (using jQuery). It works fine on a computer. The problem is: you have to tap fast (once for every syllable). And when you tap fast on the Android browser, it zooms in and out and goes crazy.</p>
  
  <p>So is there a way to make the page have a fixed width so it feels no need to zoom in and out, or another way to tell Android 4.0 not to do that double tap zoom action.</p>
  
  <p>Here's my code. I've omitted the jQuery and head as I think it's irrelevant. But you can see how small the page is.</p>
  
  <pre><code>...
  &lt;body&gt;
  &lt;h2&gt;Stutter Count&lt;/h2&gt;
  Syllables: &lt;span id="s-count"&gt;0&lt;/span&gt;
  &lt;br&gt;
  Errors: &lt;span id="e-count"&gt;0&lt;/span&gt;
  &lt;br&gt;
  Percent Errors: &lt;span id="all-p-count"&gt;&lt;span id="p-count"&gt;0&lt;/span&gt;%&lt;/span&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;input type="button" value="Syllable" id="s-button"&gt;&amp;nbsp;
  &lt;input type="button" value="Error" id="e-button"&gt;&amp;nbsp;
  &lt;input type="button" value="Reset" id="reset"&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>EDIT: My code is here: <a href="http://www.duncannz.com/pages/stutter-count.php" rel="nofollow">http://www.duncannz.com/pages/stutter-count.php</a> (for desktop), or <a href="http://www.duncannz.com/pages/stutter-count.php?mobile=1" rel="nofollow">http://www.duncannz.com/pages/stutter-count.php?mobile=1</a> (for mobiles/tablets)</p>