Media query for Galaxy s2 (landscape mode) not working

Pulling my hair out trying to get the Galaxy S2 to display my responsive site in landscape mode. Code below. Works fine for iphone in landscape mode hit this media query fine.

The resolution of an S2 display is 800x480 px so I dont know what Im doing wrong.

<link rel=“stylesheet” type=“text/css” href=“<?php bloginfo(‘stylesheet_directory’); ?>/rwd/smartphone-landscape.css” media=“screen and (min-width : 480px) and (max-width : 800px)”>

Site here:


Rather than have a separate style sheet, you could try something like this in your main style sheet:

@media only screen and (min-device-width : 480px) and (max-device-width : 800px) {
/* Styles here */

Yeah I tried a test style out using that method it worked fine, just changed the background green. It still doesnt explain my original media query isnt working though as all the styles I want to apply to this size are contained in this stylesheet. I want to maintain them in seperate stylesheets BTW, I did orginally have the media queries in one massive long CSS file but it became to unwieldy

Seems to be hard to get these media queries right. Maybe try adding in the extra word “only”:

media="[COLOR="#FF0000"]only[/COLOR] screen and (min-width : 480px) and (max-width : 800px)"

How weird is this, the CSS reads the device size at 533px for some reason, same with the Desire HD Has something to do with ratio’s according to this article

Hm, this is a bit of a messy area. I knew the iPhone 4 had different dimensions, but the old settings still work for that. Thanks for the link. Hopefully this will all get easier one day!

LOL yeah fingers crossed. Ive read this "idiots guide to Viewports and Media Queries’ slideshow a few times over now and am starting to understand it a bit more now, check it out:

Interesting link. Thanks for that. :slight_smile: