CSS 布局和 IE 6

Question

回顾Stackoverflow podcast with Litmus (Podcast 78) .该播客简要讨论了浏览器的不兼容性和怪癖，尤其是与 IE6 的兼容问题(这种说法随处可见)。 Litmus 解决方案是在所有不同的浏览器中呈现页面并寻找差异。

但是，我想知道通过简单地直接分析 html 和 css 可以检测到多少不兼容，而不实际渲染它。

我是这个领域的新手。但是我看到很多引用out there ...记录 IE 6 错误和限制，以及在编写新文档时如何避免它们。

如果是这样，那么是否可以制作一个工具来验证和分析 CSS 并报告 CSS 的任何潜在兼容性问题？

是否存在一些无法检测到的不兼容性(由于缺少文档)以及此类工具的潜在限制(在与 javascript 等交互时)？

Answer 1

当我们开发 Browsera 时，我们试图通过单独查看 CSS 样式来检测跨浏览器问题。问题是，导致问题的是元素之间的交互，而不是特定的样式。

例如，如果设置边距总是会导致双边距，那么它就会被检测到。但是，IE 中的双边距错误只发生在同一方向的 float 时，并且只针对行中的第一个元素。

除了许多 IE6 布局引擎问题外，我们检测到的许多问题都是由不同的浏览器默认样式表引起的。例如，不同浏览器的默认边距和字体大小/渲染差异很大，这可能是在其他浏览器中打开布局时看起来“不太正确”的首要原因。