我正在开发一个 magento 网站，它使用 CSS 合并选项。目前在 IE 中，CSS 无法正确呈现。当我删除 CSS 文件的某些部分时，它的工作。有时当我从顶部删除 50 行时它会起作用。有时当我从底部删除 100 行时它会起作用。所以这与我写的 CSS 无关。合并后的文件包含大约 6000 行，文件大小为 380 KB。
有人可以帮我吗？
谢谢
问问题
1198 次
2 回答
0
似乎 Internet Explorer 的 8 和 9 4095 选择器限制。
在我的例子中，我有一个大约 7 个样式表的列表，这些样式表被添加到 page.xml 中（所以站点范围内）。这些文件中的总选择器计数为 4463，因此超出了限制。
我用过：
@import 'some-style-sheet.css' all;
对于 3 个顶级样式表，将它们导入到第 4 个，然后在 page.xml 中注释掉这 3 个。
这有助于减少合并文件中的选择器总数。
于 2014-11-26T12:46:19.377 回答
0
我在 layout.xml 的节点中为具有巨大大小的文件添加了 media="null" 属性。因此它将与 media="all" 和 media="print" 合并为另一个文件。
这对我有用。
于 2012-07-12T10:08:16.553 回答