title: width 100% in mobile device
body: <p>I'm adapting a site to mobile devices and setting html, body and main wrapper to 100% width, and blackberry with Opera mini and other devices show a width which is double than screen, as when they enter the page they appear "zoomed out", I guess this is more a device configuration thing than a CSS thing, but just in case:</p>
  
  <p>Is there a method to get the real screen width in mobile devices? I try to avoid Javascript as getting width via JS would require a page reload and that's not nice, specially if browsing from a mobile, plus in my experience, JS is not very accurate with mobiles resolutions.</p>
  
  <p>This is my CSS:</p>
  
  <pre><code>html, body {width: 100%; height: 100%;}
  #wrapper{width: 100%;}
  </code></pre>