title: What does <meta name="viewport" content="width=device-width"> do in landscape mode on iOS?
body: <p>I'm trying to understand the scaling attributes on iOS.</p>
  
  <ol>
  <li><p>According to <a href="https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html">Apple's Developer Docs</a>, declaring <code>&lt;meta name="viewport" content="width=device-width"&gt;</code> will tell iOS to scale a webpage to a 1:1 pixel ratio when the page loads (in portrait mode).</p></li>
  <li><p>According to <a href="https://docs.google.com/present/view?id=dkx3qtm_22dxsrgcf4">a presentation</a> by the folks at HTML5Boilerplate (see slide 13), <code>device-width</code> will always correspond to the smaller measure of an iOS device's screen, regardless of the device's orientation.</p></li>
  <li><p>Therefore, if you load a page in iOS with the <code>&lt;meta name="viewport" content="width=device-width"&gt;</code> declaration while holding the device in a landscape orientation, iOS will set the viewport's width according to what appears to be the screen's height, resulting in a 1.5:1 (iPhone 4s) or 2:1 (iPhone 5) pixel ratio.</p></li>
  </ol>
  
  <p>Am I correct, or am I misunderstanding the definition of "width" and "device-width" as Apple uses them?</p>
  
  <p>Furthermore, when an iOS device rotates, what does the viewport maintain?  It's width, or it's scale?  Does it depend on the meta settings?</p>