Question

确保css / layout代码适用于所有浏览器的最佳方法是什么？

我的css代码在firefox上运行正常但在IE上运行不正常

我们要测试所有浏览器吗？是否有任何测试和显示结果的工具，如果我的代码更正为所有浏览器？

Answer 1

简短的回答是肯定的，完全确定它看起来与您需要使用所有浏览器进行测试一样。

更长的答案是Firefox，Chrome和Opera都具有良好的标准合规性，因此如果它合二为一，那么它很可能适用于其他产品。

IE是一个独立的雷区，IE6,7和8之间的差异可以发音。我现在通常尝试完全避免支持IE6，所以不要费心去检查它，IE8有IE7向后兼容模式，所以你可以一起测试7和8。如果您需要IE6，Microsoft会在XP上安装虚拟机映像，因此您可以对其进行测试，而不是尝试将多个版本的IE破解到您的计算机上。

最后检查browsershots.org这样的内容可以帮助您了解各种操作系统/浏览器组合的外观。

我觉得非常有用的一件事就是使用像Yahoo's YUI这样的CSS框架 - 他们已经在很多浏览器中获得了一致的工作，所以你可以利用他们自己的一些额外的样式来利用他们的工作

Answer 2

960grid系统适用于所有浏览器，使用起来非常简单。我很喜欢。我是开发人员，而不是设计师，因此我很容易正确使用和实施。

Answer 3

SuperPreview是Microsoft Expression Web产品的一部分。完整版将允许您查看Opera，Safari，Firefox和Internet Explorer 6-8的并排布局。可以免费试用Expression Web。

还有免费版SuperPreview for Internet Explorer。这样您就可以并排查看IE6,7和8布局，这比安装虚拟机要容易得多。

Answer 4

使用严格的HTML文档类型 - 这将解决99％的问题。您可以使用HTML5 doctype，即使您使用的是HTML4，因为它强制使用标准模式。在<html>：

之前，将其放在文档的开头

<!doctype html>

Answer 5

paolo对这个问题有一个很好的答案，虽然我发现chrome和firefox以及safari之间肯定存在细微差别

如果你想在不同版本的IE浏览器中查看你的网站，我建议你使用IETester应用程序（仅限windows） http://www.my-debugbar.com/wiki/IETester/HomePage

Answer 6

请记住，同一浏览器在其他操作系统中的外观/工作方式也不同。

Answer 7

IETester非常适合在同一个盒子上测试IE6和IE7。似乎需要手动测试。甚至Firefox和Chrome有时会做不同的事情。