在IE6 / 7和Firefox上获得相同显示的最佳工具或技术是什么？ [关闭]

Question

我不是在讨论让人们在操作系统和浏览器（如crossbrowsertesting.com）的组合中查看页面而是创建或计算实际CSS的工具。

Answer 1

使用css reset可以跨浏览器调整字段。 YUI和Eric Meyer都很好。

Answer 2

如果你们还在编写IE6代码，你就犯了一个错误。

我使用IE7.js让IE6呈现像IE7这样的页面。 IE7并不完美，但至少它有一些相似的标准。 由于我只需要为IE7和FF编写代码，因此在测试浏览器方面我的效率提高了33％，我觉得这样做具有良好的商业意义。

链接： IE7.js

Answer 3

我写的标准，Firefox和IE7都遵循一个很好的共同点。

就我而言，IE6已经死了，但如果我回到专业的网络开发中，我可能不得不修改它;）

Answer 4

我尝试制作符合标准的页面，并在Firefox中进行所有测试（因为它有一些优秀的开发扩展，如Web Developer和Firebug）。 然后，当我完成后，我在IE中测试网站，然后进行必要的小改动。 我发现我需要进行很少的更改，因为我没有做任何与CSS非常复杂的事情。

我以前在Javascript差异方面遇到了更多问题，但在我开始使用Javascript库（例如jQuery）之后，我就停止了任何严重的问题。

Answer 5

填充。

当使用边距将元素水平放置在页面上时，IE6可能会有点变态。 如果使用填充来调整元素的大小并使内容空间化，则可以在IE6 / 7，FF，Safari和Opera中使许多布局工作得很好而不会出现任何问题。 由于盒子模型破碎，IE5.5让事情变得有点棘手，但我认为现在在大多数情况下我们几乎可以算出来。

Answer 6

我尝试制作符合标准的页面，并在Firefox中进行所有测试（因为它有一些优秀的开发扩展，如Web Developer和Firebug）。 然后，当我完成后，我在IE中测试网站，然后进行必要的小改动。 我发现我需要进行很少的更改，因为我没有做任何与CSS非常复杂的事情。

这里也一样，除了我不需要使用Firebug等。 我最近只遇到了IE6的问题 - 这是通过简单的CSS旁路解决的：

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

Answer 7

我和Eli在一起。 针对firefox（安装了firebug）的编写使得你必须先编写“更兼容”的代码，然后当你使它与IE兼容时，它将在以后减少工作量。

使用站点QuirksMode帮助您查找兼容性信息的答案

Answer 8

如果它是一个全新的项目，我会在我进行更改时测试我所针对的所有浏览器上的所有html + css更改。 在过去，我倾向于专注于我最喜欢的浏览器，然后在完成之后与其他人一起测试，发现存在一个或多个小怪癖，并且指出实际原因是非常繁琐的。 现在我打开所有浏览器，并在每次html / css更改后刷新每个浏览器，以确保显示符合我的期望。 当出现问题时，我确切地知道是什么导致了它。

一次在所有浏览器上进行测试似乎很费时，但从长远来看，它实际上可以节省时间，因为您可以立即捕获问题。