html - IE9 中意外的奇怪 CSS 行为

Question

我使用 SASS/SCSS、Compass、Bootstrap 和 Font-awesome 为网站开发了 CSS。我现在正在 Chrome、Firefox、IE11 和 IE9 中对其进行测试。我已确保使用 Compass 导入我的所有供应商特定属性，以确保我获得所有必要的供应商前缀。我还检查了所有部分支持的属性，以确保它们至少受 IE9 支持 http://caniuse.com/ .

当使用 IE11 测试我的站点并将文档模式和用户代理字符串设置为 IE9 时，一切正常。但是，当通过 VirtualBox(使用来自 http://dev.modern.ie/tools/vms/ 的 Win7 图像)测试 IE9 native 时，我在 CSS 中发现了很多意想不到的奇怪行为。

从 margin-left:15px 到 float:right 似乎都有问题。这里没有真正的模式，似乎只是随机的 css 属性呈现不正确。

为什么 IE9 不支持 margin-left 和 float 等看似正常且支持良好的属性？为什么他们在 IE11 和 IE9 模式下工作，而不是在 IE9 原生模式下工作？

Answer 1

我找到了这个随机行为的答案。事实证明，IE9 只支持 4095 个 CSS 选择器，并且会默默地忽略后面的任何内容。 ( source )我检查了 http://www.cssanalyser.com/它显示我有 4231 个选择器。这看起来很多，但原因是我在同一个 main.css 中包括了 Bootstrap、Glyphicons 和 Font-Awesome，当然还有我自己的自定义 css。解决方案是排除 Font-Awesome 部分并将其放在单独的文件中。 Cssanalyser 现在显示 3600 个选择器，并且在 IE9 中一切正常。