如何保证网页在不同浏览器中看起来统一？

Question

无需在不同的浏览器中查看它。是否可以确保网页在不同的浏览器中看起来完全相同？桌面不是平板电脑或智能手机。

如果我在每个div和table上设置像素宽度和高度，这是否足以确保它看起来相同？

Answer 1

简单回答：否。

如果理论上你validate your code using W3在任何浏览器上应该是相同的 - 实际上你需要测试它。

这取决于你的HTML / CSS有多复杂，如果它非常简单，那么你可能没问题，如果你正在使用诸如文本阴影之类的东西那么你就不需要在各种浏览器上进行测试。

出于兴趣，为什么不想检查多个浏览器 - 它应该只需要一些额外的时间？

Answer 2

有一些工具，例如http://browsershots.org/，你可以在一步中测试很多浏览器。所以你不需要安装所有这些。但不能保证网站看起来真的像那样，我从来没有用它们来真正做浏览器测试。

但从程序上来说，没有办法让网站在任何地方看起来都是一样的。一般来说，你可以说：你的标记和CSS越复杂，你得到的问题就越多。尽管IE 6具有破坏的盒子模型，但它们都能够显示标准的东西非常正确。但灵活性越低，设计越复杂，使用不同（特别是旧版）浏览器的问题就越多。我建议尽可能保持灵活性（避免位置：如果不是真的需要绝对的话）。所以也许你的文字在不同的浏览器中或多或少都会有一行，但这并不重要。