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)”>
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
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: