css - 向 ie8 显示媒体查询的内容

Question

有一个相当古老的article on smashing magazine (技术 3)表示，如果您开始这样的媒体查询:

@media 屏幕，所有和(最小宽度:300px)

那么理解媒体查询的浏览器将理解整个媒体查询，其中较旧的 ie 将忽略“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 文件，但我已将最宽布局的媒体查询变量更改为“无”，因此在这个布局中没有媒体查询。

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