media query for galaxy s2

Question

I have developed a responsive theme for my website, By using media queries on my css file.

it works fine on ipad/iphone and small android phones. When i get to galaxy S2 it seems to ignore my media queries.

This is the media query im using to target galaxy s2 and alike - is it correct ? if so , why isnt it working ?

@media only screen and (min-device-width : 480px) and (max-device-width : 800px)

thanks

Answer 1

Your code should work.

Have you tried to add the 'orientation' like:

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 800px) 
and (orientation : landscape) {

}

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 800px) 
and (orientation : portrait) {

}