IE8/9 - CSS 文件的最大字节数答案

【问题标题】：IE8/9 - Maximum bytes for CSS fileIE8/9 - CSS 文件的最大字节数
【发布时间】：2012-09-13 07:03:24
【问题描述】：

我目前正在开发的应用程序有过多的 CSS 样式，我们似乎已经达到了 IE8/9 以及它可以加载多少 CSS 的某种限制。在某些时候，它会停止解释 CSS，从而破坏某些页面的样式。我们正在使用 Combres 压缩/缩小导致如此大的 CSS 文件的文件。这似乎发生在 400KB-450KB 范围内（是的，我知道这对于任何 CSS 来说都太大了）。

所以我的问题是：IE 中单个 CSS 文件的最大大小是多少？

启用 GZIP 压缩也有帮助吗？ IIS 启用了动态/静态压缩，它似乎在 Chrome 中工作，但在 IE 中不工作。

【问题讨论】：

我在某处读到，重要的不是文件大小，而是规则的数量。据说限制是4096。（找到它：big-webowsky.meetpollux.com/2011/10/…）
选择器的数量有限制（4096），据我所知没有字节大小限制
那么 4096 是针对单个文件的吗？例如如果第 4097 个在第二个 CSS 链接中，它会起作用吗？此外，任何引用此内容的来源都会为您赢得答案；）
Does IE 8 have a limit on number of stylesheets per page?的可能重复
我找不到任何文件大小限制的证据。见stackoverflow.com/questions/49683077/…

标签： css internet-explorer browser

【解决方案1】：

你说得对，文件大小是问题所在（尽管 IE 将解析的选择器数量也有上限）。除了您已经在做的缩小之外，压缩无济于事，但将 CSS 拆分为两个文件将解决您的问题。

所有限制均基于每个文件。考虑按功能集分离 CSS，仅在需要时加载 CSS。

【讨论】：

从昨天开始读到的内容，我只看到选择器的数量是问题（最大 4095）。如果有文件大小限制，它到底是什么，你有任何来源/测试来显示/证明它吗？谢谢
这是别人写的一篇文章：joshua.perina.com/africa/gambia/fajara/post/…。我唯一的证据是我在工作中多次遇到这个问题，并且不得不通过拆分文件来解决它。

【解决方案2】：

对于高达 IE9 的 IE，css 文件大小最大为 288kb

【讨论】：

我的测试显示最大大小为 278kb
我找不到 288KB 限制的任何证据。见stackoverflow.com/questions/49683077/…

【解决方案3】：

我遇到了这个问题，然后想，真的吗？？无论如何，解决方案看似简单，请使用 Paul Young 的 blessc http://blesscss.com/
谢谢保罗！

【讨论】：

【解决方案4】：

我使用 Gulp-sakugawa，但你仍然必须构造一个 css 文件来@import 刚刚生成的其他文件。 https://www.npmjs.com/package/gulp-sakugawa

我对 Bless 的问题是它仍然将文件拆分为 300k，而且仍然太大。

【讨论】：

这里有同样的问题，但我看不出 sakugawa 在哪里对 IE8/9 的文件大小设置了上限。即使 Sakugawa 输出三个文件，其中一个仍然是 300kb。
啊...如果将 maxSelectors 设置得很低，它似乎可以解决问题