title: Create an iPhone website which adjusts rendersize for portrait and landscape
body: <p>I'm creating a simple mobile website to render specifically on iPhone. I have been researching the viewport setup in order to have the site fixed at 100% So far I have found that the dimensions are </p>
  
  <pre><code>Portrait: 320px
  Landscape: 480px
  </code></pre>
  
  <p>To render the page at full zoom I have used the following meta tag in the html</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width; initial-scale=1; user-scalable=no" /&gt;
  </code></pre>
  
  <p>This works great in portrait, however when the iPhone is rotated to landscape mode the page is not resized accordingly, instead appearing zoomed in.</p>
  
  <p>Can anyone advise on how to correct this behaviour? </p>