IE样式表没有完全加载

Question

我对IE有一个小问题。我在一个网站上工作并不像一些静态的html页面（大约35个），我使用bootstrap作为骨架，字体很棒，Animate.css，响应式样式，Jvectormaps，footables，自定义样式等...

我经常编写并包含单独的css文件以保持易于维护，一切运行良好，直到我决定将所有文件合并到一个文件中，因为我需要测试我的页面是否加载更快。

这样做之后IE似乎没有处理整个样式表文件，因为当我去开发工具然后检查我合并的CSS文件时，我可以看到它就像切成两半。这很奇怪，我肯定不确定为什么IE会遗漏所有其余部分。

我将主文件分成两个单独的文件，现在一切都恢复正常了

在Chrome / Firefox中我没有遇到这个问题，所以我确定它与IE（9/8）有关。有谁知道为什么？如果它是文件大小？ （450Kb）有没有办法将所有文件包含在一个中，或者我应该保留单独的文件？

谢谢，

Answer 1

您可能遇到了与IE相关的一些CSS限制。 Microsoft已在更新版本中更改/增加/删除了这些限制，但您仍可能遇到这些限制。 有许多可能性，例如正在使用IE版本，以及指定了哪种文档兼容性模式。 如果您的页面指定了较旧的文档兼容模式，您将遇到限制旧版IE的一些下限。 有关详细信息，请参阅：http://msdn.microsoft.com/en-us/library/ie/hh781508.aspx。

Answer 2

您可能会对IE 9及其中可显示的元素数量达到限制。使用下面的网站查看您是否低于计数限制：

http://snippet.bevey.com/css/selectorCount.php

如果您在项目中使用Grunt，则有些任务可以自动拆分您的CSS以解决此问题。