html - 确保 html/css 代码或布局适用于所有浏览器的最佳方法是什么?

标签 html css

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

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

我们是否必须使用所有浏览器进行测试? 是否有任何工具可用于测试和显示结果以及是否为所有浏览器更正我的代码?

最佳答案

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

更长的答案是 Firefox、Chrome 和 Opera 都具有良好的标准合规性,因此如果它在其中一个工作,它很可能在其他人中工作。

IE 本身就是一个雷区,IE6、7 和 8 之间的差异很明显。我现在通常会尽量避免完全支持 IE6,所以不必费心检查它,IE8 具有 IE7 向后兼容模式,因此您可以同时测试 7 和 8。如果您需要 IE6,Microsoft 会提供安装在 XP 上的虚拟机镜像,这样您就可以针对它进行测试,而不是试图在您的计算机上安装多个版本的 IE。

作为最终检查,类似于 browsershots.org可以帮助您了解它在各种操作系统/浏览器组合上的外观。

我发现非常有用的一件事是使用像 Yahoo's YUI 这样的 CSS 框架。 — 他们已经采取了让东西在许多浏览器上一致工作的方式,因此您可以利用他们的工作和您自己的一些额外样式。

关于html - 确保 html/css 代码或布局适用于所有浏览器的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2558886/

相关文章:

javascript - 如何自动化这个 slider ?

html - 仅使用 CSS 的百分比饼图

css - HTML 文本下方的白点

javascript - 如何创建只需要 html 中的 anchor 的查看更多/阅读更多功能?

html - 在 DIV 上显示的下拉菜单

html - 为什么我的左边距没有应用到我的单选按钮?

CSS 阴影真棒效果

javascript - jCarousel 显示选择了类的元素

html - 设置表格行高

javascript - 在文本之间添加一个 br 标签(第二行省略号)