css - Website looks way different on smartphones even with media query -

css - Website looks way different on smartphones even with media query -

edit: i've managed tweak improve result setting viewport 0.25. still got awful stuff going on. actionbar example, set 100% , taking 70% of screen.

i've got big issue here.

im developing website, no big deal on it. gotta create responsive smartphones well.

well, i'm using media query this, , window resizer utilize exact width.

im using % values divs well, not height of course, width.

while i'm "emulating" on chrome, layout works fine, no problem @ all.

but when go test on galaxy s2 example, looks chunky. don't know can create same exact way.

http://www2.madeinweb.com.br/jobs/adc/prototype/html/

this home im working on right now. proper media query one:

@media screen , (min-width : 320px) , (max-width : 640px) {}

have tried adding -webkit-min-device-pixel-ratio: 1.5 or and (orientation : portrait). can find info on mobile pixel densities here: http://bjango.com/articles/min-device-pixel-ratio/

in case, if scroll down, see galaxy s2

css css3 media-queries