Question

我有一个网络应用程序，我正在努力工作，它不是非常友好的Firefox（设计是在我开始公司之前2年制作的）。有一些我遇到问题的CSS问题，我不能使用CSS重置，因为页面设计几乎是一成不变的，它会导致我现在需要的更多工作。

是否有人拥有IE默认CSS值的列表，所以我可以在css中设置它，这样这个东西会更适合Firefox吗？

Answer 1

这是CSS comparison chart。 IE实际上将CSS设置存储在非常愚蠢的地方， the Registry 。另一个问题是您的应用程序的doctype是使用标准模式还是quirks模式。

如果它正在使用quirks mode，则您遇到了麻烦。解决非IE问题会破坏IE问题等等。你会疯了。

Answer 2

TBH，如果IE6实际上在内部使用CSS来布局大部分HTML元素，我会感到惊讶，所以你所寻找的内容甚至可能都不存在。

W3C在CSS2规范（http://www.w3.org/TR/CSS2/sample.html）中有一个示例样式表，它“描述了基于对当前UA实践的广泛研究的所有HTML 4.0（[HTML40]）元素的典型格式” - 将其复制到样式表可能是你做的最好的。

Answer 3

虽然我认为我没有看到过发布的列表，但是IE Developer Toolbar让你可以浏览各种元素的计算样式。创建一个虚拟页面，其中包含您感兴趣的每个元素，但没有CSS，并挖掘出您需要的值？

Answer 4

我建议从另一端解决这个问题。

将当前仅IE样式表复制到全局样式表，并将IE样式表放入条件注释块。使用全局样式表修复Firefox的站点，然后使用仅IE的样式表来修复IE的站点。

例如：

<link href="/css/global.css" rel="stylesheet" type="text/css" />
<!--[if IE ]>
    <link href="/css/ie-only.css" rel="stylesheet" type="text/css" />
<![endif]-->

Answer 5

我感觉到你的痛苦。这可能会解决大部分问题。

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

IE的默认CSS值

5 个答案: