Thank you Bartosz Dziewoński,
I hadn't known that, but I'm not using media queries in the ResourceLoader module definition, and it does work when I load the page with ?debug=true. So I guess I need more suggestions for the difference between debug mode and regular mode.
Eli Handel
From: Bartosz Dziewoński matma.rex@gmail.com
On Wed, 19 Aug 2015 03:22:09 +0200, Eli Handel elihandel@gmail.com wrote:
Hi,
I've been having this problem for a couple of years, but now it's becoming more pressing as I add responsive support to my skin.
If there are @media designations in my skin's LESS or CSS files, then when I view the site on IE9, the @media designations are ignored and everything follows the latest CSS rules even if the @media designations don't apply. On the other hand when I load the pages with ?debug=true, there's no problem and the @media designations are respected.
Can anyone offer suggestions?
IE 9 does not support nested @media declarations. [1] Make sure that you're not nesting them, for example by using the 'foo.css' => array( 'media' => 'screen' ) syntax in the ResourceLoader module definition. (This wraps the whole file in `@media screen { … }`.)
[1] http://caniuse.com/#feat=css-mediaqueries
-- Bartosz Dziewoński
Can you show us the definition of your module?
— Krinkle
On 25 Aug 2015, at 07:42, Eli Handel elihandel@gmail.com wrote:
Thank you Bartosz Dziewoński,
I hadn't known that, but I'm not using media queries in the ResourceLoader module definition, and it does work when I load the page with ?debug=true. So I guess I need more suggestions for the difference between debug mode and regular mode.
Eli Handel
From: Bartosz Dziewoński matma.rex@gmail.com
On Wed, 19 Aug 2015 03:22:09 +0200, Eli Handel elihandel@gmail.com wrote:
Hi,
I've been having this problem for a couple of years, but now it's becoming more pressing as I add responsive support to my skin.
If there are @media designations in my skin's LESS or CSS files, then when I view the site on IE9, the @media designations are ignored and everything follows the latest CSS rules even if the @media designations don't apply. On the other hand when I load the pages with ?debug=true, there's no problem and the @media designations are respected.
Can anyone offer suggestions?
IE 9 does not support nested @media declarations. [1] Make sure that you're not nesting them, for example by using the 'foo.css' => array( 'media' => 'screen' ) syntax in the ResourceLoader module definition. (This wraps the whole file in `@media screen { … }`.)
[1] http://caniuse.com/#feat=css-mediaqueries
-- Bartosz Dziewoński
MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
mediawiki-l@lists.wikimedia.org