title: Can't make the viewport meta tag work
body: <p><br/><br/>
  I'm currently developing a website that is designed to display best on iPad, but must display nicely on most mobile browsers.</p>
  
  <p>I based the css on a width of 2048px, which is the pixel width of the iPad 3 when in landscape mode. </p>
  
  <p>I then used the viewport meta tag as written below : </p>
  
  <pre><code>&lt;meta name="viewport" content="width=2048" /&gt;
  </code></pre>
  
  <p>Having read the <a href="http://developer.apple.com/library/IOS/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html" rel="nofollow">Apple documentation</a> and the <a href="http://developer.android.com/guide/webapps/targeting.html" rel="nofollow">Android one</a> regarding this topic, I was made to understand that a mobile browser first renders the webpage in a larger area defined by the viewport meta tag, then scales it down to match the device width.</p>
  
  <p>This works very well on an iPad 2, but the width overflows on an iPhone, an iPhone Retina and a Galaxy Nexus. I didn't have the opportunity to test the website on an iPad 3.</p>
  
  <p>How can this behaviour be explained?</p>
  
  <p>If any detail were to be added on this issue, please let me know.<br/>
  Thanks in advance for your help.</p>