Magento CSS Merge打破了IE浏览器中的布局

Question

我正在开发一个magento网站，它正在使用CSS合并选项。目前在IE中CSS没有正确呈现。当我删除一些CSS文件的工作。有时候，当我从顶部删除50行时，它可以工作。有时候，当我从底部删除100行时，它可以工作。所以这与我写的CSS无关。合并文件包含大约6000行，文件大小为380 KB。

有人可以帮我吗？

由于

Answer 1

我在layout.xml的节点中为具有巨大尺寸的文件添加了media =“null”属性。因此它将与media =“all”和media =“print”合并为另一个文件。

这对我有用。

Answer 2

似乎Internet Explorer的8和9 4095选择器限制。

在我的情况下，我已经在page.xml中添加了大约7个样式表的列表（因此在站点范围内）。这些文件中的总选择器数量为4463，因此超出限制。

我已经使用过：

@import 'some-style-sheet.css' all;

对于3个顶级样式表，将它们导入第4个样式表，然后在page.xml中注释掉这3个。

这有助于合并文件中的选择器总数减少。