javascript - 如何在所有浏览器中实现一致的布局？

Question

我快要结束我的 little learning project 的重复警报了.它仍然充满了错误，但由于这是一个周末元素，我正在慢慢纠正它们。我的问题是跨浏览器的布局不一致。

目前，我正在尝试改进登录后的“我的警报”框(只是不要试图破解我的网站，它仍然很不稳定)。

问题

你能给我什么样的技巧、技巧、提示等来确保跨浏览器布局的兼容性？

Answer 1

我发现避免痛苦的最佳策略是遵循以下规则:

1. 首先在 firefox 等更兼容且对开发人员更友好的浏览器中构建，定期在 IE(以及 safari/chrome(webkit) 和 opera)中进行全面测试。
2. 使用严格的文档类型——你不一定需要完美标记，但它应该非常好——足以避免浏览器怪癖模式，因为怪癖根据定义不是标准的
3. 使用 reset style sheet .请注意，根据工作表的内容，此项可能与 #2 的目标不兼容。
4. 使用 jQuery 或 Prototype 等 javascript 框架 - 它们可以隐藏一些 javascript 和 DOM 的不兼容性。
5. 使用良好的语义布局 - 对于行为不当的浏览器，它更有可能很好地降级
6. 接受它不会是完美的，不要担心非常小的差异

遵循这些规则，一开始就不会有那么多问题。

有关 TODO 引用，请参阅此问题:
https://stackoverflow.com/questions/72394/what-should-a-developer-know-before-building-a-public-web-site