Question

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:

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.

This is my CSS:

html, body {width: 100%; height: 100%;}
#wrapper{width: 100%;}

Answer 1

There no need to define width:100% percent in html, body & #wrapper.
because they are by default auto size