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