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