On Wed, May 22, 2013 at 2:37 PM, Micky Hulse <mickyhulse.li...@gmail.com> wrote: > Howdy, > > I'm in a situation where I would like to use @media all { ... } and > @media screen { ... } around blocks of CSS in a large collection of > style sheets. > > Test page using @media all { ... }: > > <http://jsbin.com/alugiv/1> > > Test page using @media screen { ... }: > > <http://jsbin.com/alugiv/2> > > I've tested in IE6-8 and it appears that those browsers ignore the > media queries (or, they follow the rules) and load all styles found > within the MQ blocks (and, the cascade does not appear to be > affected). > > Question: My test page is simple, so maybe I'm missing something > obvious (or some sort of corner case) ... Is what I'm seeing actually > true? Do old IEs not mind @media screen/all { ... } syntax? > > Where would I go to find official docs that state weather or not this > is the case? I'd like to use this on a production site, but I kinda > want to confirm that what I'm seeing in my tests is really going to > work for me via a live site. :) > > Can anyone confirm or shed light on official documentation somewhere? > > Thanks! > M
IE 6/7/8 do not support media queries. See scripting work-around here: <http://12412.org/2012/01/media-queries-ie/> Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/