title: How to set viewport meta for iPhone that handles rotation properly?
body: <p>So I've been using:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/&gt;
  </code></pre>
  
  <p>to get my HTML content to display nicely on the iPhone.  It works great until the user
  rotates the device into landscape mode, where the display remains constrained to 320px.</p>
  
  <p>Is there a simple way to specify a viewport that changes in response to the user changing the
  device orientation?  Or must I resort to Javascript to handle that?</p>