title: Android 2.2 2.3 workaround for device-width media query
body: <p>I've observed a problem on Android 2.2 and 2.3 native browser where <code>device-width</code> CSS media query and <code>window.screen.width</code> both report sizes based on your webpage document and scaling applied.</p>
  
  <p><em>Example:</em> 1:1 scaling, 960px wide page will show proper device width (say, 320px)</p>
  
  <p><em>Example:</em> fit-screen scaling, 960px wide page, improperly reports 960px device width</p>
  
  <p>So with appropriate viewport meta tag content it seems predictable.  However, in my case I cannot rely on the meta tag.  Does anyone use a workaround to get a reliable device width measurement in Android irrespective of viewport meta tag?  Other platforms do report this correctly across all scaling.</p>
  
  <p>Ref:
  <a href="http://code.google.com/p/android/issues/detail?id=11961" rel="nofollow">http://code.google.com/p/android/issues/detail?id=11961</a></p>