Magento CSS Merge 会破坏 IE 浏览器中的布局答案

【问题标题】：Magento CSS Merge breaks layout in IE browsersMagento CSS Merge 会破坏 IE 浏览器中的布局
【发布时间】：2012-07-05 15:55:53
【问题描述】：

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

有人可以帮我吗？

谢谢

【问题讨论】：

嗨，我也有同样的问题。哪个ie版本有问题？
请参考stackoverflow.com/questions/9906794/…

标签： css internet-explorer magento-1.4

【解决方案1】：

我在 layout.xml 的节点中添加了 media="null" 属性，以用于具有巨大大小的文件。因此它将与 media="all" 和 media="print" 合并为另一个文件。

这对我有用。

【讨论】：

不工作！如果您使用 media="null" 页面不加载 css

【解决方案2】：

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

在我的例子中，我有一个包含大约 7 个样式表的列表，这些样式表已添加到 page.xml 中（因此是站点范围的）。这些文件中的选择器总数为 4463，因此超出了限制。

我用过：

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

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

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

【讨论】：