title: How can I scale a web site to fit iPhone/iPad/Android Phone/Android tablet screens?
body: <p>I am using this viewport tag: </p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  </code></pre>
  
  <p>However, the iPhone/iPad/Android devices the page comes out much larger than the screen.  I can only see the top left corner of the site.  My web site is 900px wide.</p>
  
  <p>Next I changed viewport to this: </p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width"&gt;
  </code></pre>
  
  <p>Now on the iPhone and maybe iPad it comes out okay with the content zoomed out so that it is filling the screen.  I'm not sure about the iPad since I don't have one of those to test with.  On Android devices this change did nothing.</p>
  
  <p>What is the correct way to set view port so that a site fills the browser width?</p>