【发布时间】:2013-04-03 00:30:29
【问题描述】:
我正在向系统的现有网页添加功能。我宁愿在我正在做的改变范围之外进行尽可能少的改变。
问题在于,在 IE8 中查看之前,一切都可以跨浏览器运行。页面浏览量出现了一些奇怪的显示问题,这些问题与我所做的更改无关。
使用 IE Developer 工具,我发现它没有找到应该加载页面源代码的 CSS 文件的样式特征。
我对 IE8 开发工具了解不多,但是当我查看 CSS 选项卡时,我会得到一个 CSS 文件列表。我没有看到列出的有问题的 CSS 文件,所以看起来它由于某种原因没有加载。
我已经添加了两个新的 CSS 文件,所以我可能已经超出了限制。
所以,这听起来像是 IE(尽管 IE9 可以工作)的问题,即应该限制 31 个 CSS 文件可能能够加载:Internet Explorer's CSS rules limits
但在那个列表中,我可以数出超过 31 个 CSS 文件。看起来有 60 多个。但是有些文件是通过 @import 加载的,而有些则没有,所以也许这解释了为什么还有更多。
我如何确定这是问题所在?我在 IE8 开发者控制台中没有看到任何错误。我在没有加载的文件上运行了 CSS Lint——这不是我的。有一些警告,但看起来并不严重。
从我读到的内容看来,这似乎没有好的解决方案。对吗?
【问题讨论】:
-
你能把你的加到栈顶吗?
-
我的 CSS 文件实际上正在加载。我似乎已经淘汰了页面上使用的现有 CSS 文件之一——如果没有它,我会看到页面呈现问题。
-
看起来这个网站一团糟……那么如何将您的 CSS 添加为嵌入式样式表?我假设有某种模板系统,所以你可以将它添加到标题部分一次。另外,如果你碰巧在 PHP 中,你可以使用这样的东西:github.com/filamentgroup/quickconcat
-
"更像是 60 个" = 你无法修复这个项目。 ;)
-
是的,IE8 对 CSS 文件的数量有限制,是的,您可以使用 @import 绕过它,但说真的……60 个 CSS 文件?真的吗?这将在 any 浏览器中仅仅从发出的 http 请求的数量给您带来性能问题。在一个写得很好的网站中,绝对没有理由这样做。如果您有很多模块(即每个模块一个或多个 CSS;它加起来),一些 CMS 系统(例如 Drupal)会这样做,但是这些平台中的大多数(至少是好的平台)都有内置的缩小选项,因此您的答案可能只是在管理面板中打开该选项。