title: Textarea with font-size:30px still autozooms when activated on mobile
body: <p>As I understand it, setting a text input's <code>font-size</code> to a size greater than 16px, is supposed to disable the autozoom effect that happens when you activate the text input on a mobile device.</p>
  
  <p>I set the <code>font-size</code> to 30px, but the autozoom effect is still there. Tested on Chrome, Safari, UC, Mercury, and Dolphin for iPhone 5.</p>
  
  <p>Here's a live example: <a href="http://www.rouvou.com/pages/Stack%20Exchange" rel="nofollow">http://www.rouvou.com/pages/Stack%20Exchange</a>. It's the comment field. (users have to cast a vote before they can comment)</p>
  
  <p>Here's my full code:</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div id="new-comment-mobile"&gt;
    &lt;div id="new-good-comment"&gt;
      &lt;%= form_for(@good_comment, remote: true) do |f| %&gt;
        &lt;%= f.text_area :text, maxlength: "650" %&gt;
        &lt;%= f.submit "Post" %&gt;
      &lt;% end %&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>css</strong></p>
  
  <pre><code>#new-comment-mobile {
    position: relative;
    textarea {
      line-height: 130%;
      width: 80%;
      font-size: 30px;
    }
  }
  </code></pre>
  
  <p>Why is the browser still autozooming? I don't really want to disable all zooming functionality...</p>