I checked on Windows (safari 5.1.7) and OSX 10.6.8 safari 5.1.9 and the media query worked fine.
That’s why I wanted to see your actual page in case there was anything else in there that may have caused a problem. Sometimes a typo miles away from the code in question can trip up one browser but not another.
I can’t think of another reason for it not to work.
Huh. Well, thank you so for trying to help me, regardless! I appreciate it. But yeah, I don’t get it, I mean it’s literally the above code that isn’t working for me – it’s the bare-bones code I ended up with after trying to debug my actual webpage, and I fully expected to find a typo or something in the process, but nope :scratch:
No but what you said made me figure it out!!! Thank you both for helping me work through this. The problem is, I was testing the media query not by resizing the window, but by zooming in on the page.
So, my question isn’t what I thought it was. Should I re-post this as a new question? In FF and Chrome, the media query in the above code kicks in when I zoom in on the web page, but in Safari, it doesn’t. Is there anything I can do to make Safari act more like FF and Chrome here?
That used to be the same in Chrome also and was recently fixed so hopefully Safari will follow suit shortly.
I don’t see it as a big issue as it only happens when you zoom up and down - if you refresh the page the media query is triggered. A user who navigates to the page with the zoom setting already in place will see the required layout. It’s only when you zoom up and down on the current page that they aren’t triggered properly but hopefully the recent webkit fix will find its way into Safari eventually.