New subject: CSS media designations on IE9

25 Aug 2015

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 &lt;matma.rex(a)gmail.com&gt;

 On Wed, 19 Aug 2015 03:22:09 +0200, Eli Handel &lt;elihandel(a)gmail.com&gt; 
 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 

Re: [MediaWiki-l] CSS media designations on IE9