title: Viewport meta tag not working in iPhone and Android
body: <p>I am using the following html code</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
    &lt;html&gt;
      &lt;head&gt;
       &lt;title&gt;test&lt;/title&gt;
        &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/&gt;
      &lt;/head&gt;
      &lt;body&gt;
      test
      &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>
  
  <p>My intention is to prevent user from zooming in or out. The above code isn't working in iPhone and Android. Any solution ?</p>
  
  <p><strong>EDIT:</strong> It appears in iPhone settings, if <code>Zoom</code> is selected as <code>On</code> under <code>Settings&gt;Accessibility&gt;Zoom</code>, then this will override meta tag. <a href="https://stackoverflow.com/questions/4788269/ios-mobile-safari-still-zooms-while-viewport-is-set-to-user-scalable-no-chec">Source</a></p>
  
  <p>Not sure why it is happening in android.</p>