只有ie 9不渲染完整的css？

Posted 2023-03-06

【中文标题】只有ie 9不渲染完整的css？

【英文标题】：Only ie 9 does not render full css?

【发布时间】：2015-07-19 08:58:33

【问题描述】：

我正在跨浏览器测试这个网站，ie 9 没有呈现完整的 css。即 8 和 10 以上的任何东西都可以。

我已经搜索了 ie 9 上最常见的错误和限制并对其进行了测试。

我统计了css选择器的数量，限制是4096，这个样式表有3000个。所以不是这样。

css 文件中没有@import 语句。

很遗憾，该项目尚未公开。

我已经包含了两个屏幕截图，第一个显示了不正确的渲染版本。第二个显示正确的渲染版本。

我希望有人可以帮助我。

编辑：

几周前，我在 ie 9 中对该页面进行了广泛的测试，一切都很好。目前它在 8 和 10/11 中呈现正确。所以我在想的是我遇到了限制或其他什么。

【问题讨论】：

没有看到任何代码，很难为您提供帮助 - 您是否能够将网站的某些部分隔离到 JSFiddle 或类似的东西上并尝试复制问题？只说侧面导航？

感谢您帮助我。这是可能的，但我认为这不会让我们找到答案。几周前，我在 ie 9 中进行了广泛的测试，一切都变得很好。目前它在 8 和 10/11 中呈现正确。所以我在想的是我遇到了限制或其他什么。

你试过validating your css吗？

@uʍopǝpısdn 现在就在上面。谢谢。

【参考方案1】：

我将所有 css 文件编译并合并到一个大 css 文件中。这个文件变大了。我在 ie 9 中检查了加载的 css 文件，它加载了多达 70% 的文件。所以我测试了将文件一分为二。

使用两个样式表，效果非常好。

因此，尽管我的 css 选择器数量低于 4096 个（即 9 个选择器限制），但规则的数量也会有所不同。大约一个 css 文件中的最大规则数是 12000 (12K)。太多了。我发现所有的基础插件都被编译了。所以我要关掉我不使用的东西。

【讨论】：

从来不知道这些限制，所以感谢您指出:)