向ie8显示媒体查询的内容

Question

有一个相当古老的article on smashing magazine（技术3），如果你开始这样的媒体查询：

@media screen, all and (min-width: 300px)

然后，理解媒体查询的浏览器将理解整个媒体查询，其中较旧的即将忽略“all and”之后的所有内容。所以从理论上来说，旧的ie仍然可以查看查询中的所对于ie6和ie7来说这是非常正确的，但不幸的是ie8忽略了查询中的所有规则。

不幸的是，如果我们能得到的话

我们可以使用Jeremy Keiths example做类似的事情，包括将布局内容移动到单独的样式表中，并使用条件注释将其提供给旧的IE。

这种方法的问题在于我的css模块在不同的样式表之间分开。这违背了OOCSS和SMACSS中的原则（这些原则非常有用！）

有一个JS Fiddle where someone has tried to crack it，但想知道是否有人对如何做到这一点有任何想法？

Answer 1

归功于@cimmanon的评论，这使我找到了解决方案。

使用.less我可以

global.less - 这里有我所有的CSS，包括我的所有断点。断点设置为较少的变量。 compiled.less - 导入global.less并编译为css文件 Compiled-belowie8 - 这会导入global.less并编译成一个css文件但是我已经将最宽布局的媒体查询变量更改为“none”，因此在这一个中没有媒体查询。

然后，在我使用条件注释为所有浏览器提供compile.css，除了