Thread:Project:Support desk/Media Queries in skins not supported?

I'm trying to design a responsive skin using Media Queries, but I'm running into some strange behavior. When I add something to a test page like:

TESTING

And then add a media query to my skin's screen.css:

@media screen { #testing {background-color: green;} }

...The style is only applied in Firefox, on Mac and Windows. Not in Chrome Mac/Win, IE Mac/Win, Safari, or mobile Safari.

If I replace this line in my theme:



With a direct link to the theme:



The styles are applied properly everywhere except mobile Safari.

If I add the Media Query to the wiki's "MediaWiki:Common.css" page, it works as expected.

Can anyone shed some light on this behavior? Have I found a bug?

MW 1.18, PHP 5.3.13