【问题标题】:Only ie 9 does not render full css?只有ie 9不渲染完整的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 现在就在上面。谢谢。

标签: css internet-explorer cross-browser internet-explorer-9 frontend


【解决方案1】:

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

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

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

【讨论】:

  • 从来不知道这些限制,所以感谢您指出:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-12-15
  • 2014-12-16
  • 1970-01-01
  • 2012-01-08
  • 2018-04-17
  • 2012-12-29
  • 2011-11-02
相关资源
最近更新 更多