title: CSS Media Queries
body: <p>I am trying to adapt my tablet web app for use on cell phones.  The Media Query functionality seems perfect and my initial testing bears this out.  The question I have is: with phones and tablets that change their orientation from portrait to landscape (upon rotation of the device) what does max-width then refer to?</p>
  
  <p>In other words, the bigger Android phones have resolutions along the lines of 480x800, the iPhone4 has a resolution of 640x960, and the original Blackberry Torch has a resolution of 360x480.  These are all the resolutions (W x H) when the devices are held in portrait mode, so the widths are 400, 640, and 360 respectively.  However, when you rotate the device to landscape, the height 'becomes' the width for display purposes.  So the effective widths in landscape then become 800, 960, and 480 respectively, and the 800 and 960 widths overlap with tablet landscape widths which messes up the display.</p>
  
  <p>So, is width always width?  That is to say, when the device reports its dimensions, does the width value always stay the same for CSS purposes, or does the width value change when the device rotates to landscape?</p>
  
  <p>Thanks to you all in advance.</p>