使网页的CSS和JS跨浏览器兼容的最佳实践是什么？

Question

对于网页设计师来说，在所有常用浏览器中使其页面看起来很好，这一直是一个大问题。处理这个事实的最佳方法是什么？

Answer 1

对于CSS：

1. 在应用样式之前使用重置（如Meyer或YUI）“平衡比赛场地”
2. 您必须支持的最奇怪的浏览器的样式（如IE6），使其看起来正确，然后更改您需要的更现代的浏览器。相信我，这比反过来要容易得多！

对于Javascript，我会使用像jQuery或YUI这样的框架，因为它们可以大大抽象出您可能遇到的大多数特定于浏览器的怪癖。

祝你好运！

Answer 2

使用支持良好的库 - 不要尝试从头开始。例如，JQuery为您处理了很多浏览器问题。

Answer 3

测试，测试，测试并从经验中学习。

使用虚拟机在不同的IE版本中进行测试。在这里下载： http://www.microsoft.com/DOWNLOADS/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en

除非确实有必要，否则请尝试避免黑客攻击 - 使用css或js来定位浏览器。

正如其他人所说，jQuery可能会帮助Javascript解决讨厌的浏览器差异。

Answer 4

页面上的正确doctype，以便在符合标准的模式下呈现。

在开发时首先在符合Firefox标准的浏览器中进行测试。如果您首先在Internet Explorer中进行测试，则很可能会编写使用某些rendering bugs in IE的代码来使其看起来像您想要的那样，然后您将很难在任何其他浏览器中使用它。 / p>

您很可能必须调整布局以避免IE中的某些渲染错误。不同的版本有不同的渲染错误，因此您需要测试几个。添加一个兼容X-UA的元标记，以防止IE 8在兼容模式下呈现。

按原样使用html元素。导航链接，标题标题标签等。这样，代码更有可能按预期工作，搜索引擎可以更好地为页面编制索引。

Answer 5

对于javascript，jQuery不会出错。

Answer 6

没有通用的方法来确保一切都能正常运作。对于CSS，reset stylesheet在浏览器之间标准化外观方面有很长的路要走;对于JS，使用像jQuery这样的库，以一种理智的方式处理浏览器兼容性问题。

Answer 7

绝对是JQuery，或Mootools或prototype ......或其他一些JS库。

Answer 8

恕我直言，坚持使用像jQuery这样的好的JavaScript库，它有望成为crossbrowser

Answer 9

使用一个好的lib让你的js更加跨浏览器安全是一个好的开始。使用像960.gs或蓝图这样的CSS框架也是css的不错选择。基本上你需要做一个完整的css重置。