0

我正在写一个网站。我希望我的网站可以在任何浏览器(Chrome、IE、Safari)上运行。

对于客户端。编写可以在任何浏览器上运行的网站的最佳实践是什么?(或者可能是大多数)

我一般做什么:

  1. 使用http://validator.w3.org/来验证 html 或 css。
  2. 使用http://www.jslint.com/来验证 javascript。

问题:

  1. css 上有一些标题,与浏览器支持有关 - 我应该在 css 上放什么。
  2. 我应该避免使用,即 1px,而是在我的 css 文件上使用 : 1em (或相关比率)。
  3. 我可以获得多远的支持(即 IE 5 已经足够老了,不值得我花时间支持那个浏览器?(我需要知道它在世界范围内的使用量)。
  4. 我需要一些最佳实践指南,并且我的网站可以在大多数浏览器上运行。

任何建议将不胜感激。

谢谢 :)

4

1 回答 1

1

让我一一解答您的问题:

css 上有一些标题,与浏览器支持有关 - 我应该在 css 上放什么。

您绝对应该使用 CSS“重置”。有许多可用的,但基本思想是消除各种浏览器默认行为之间的差异。有关使用哪一个的更多信息,请参阅此问题

我应该避免使用,即 1px,而是在我的 css 文件上使用 : 1em (或相关比率)。

px两者em都有自己的位置。它们都很好用。em在某些情况下,可以更好地使您的站点具有可扩展性,但是有很多充分的理由使用px,并且在同一个站点中同时使用它们也是完全有效的。我的建议:在任何特定情况下使用最适合您的方法。

我可以获得多远的支持(即 IE 5 已经足够老了,不值得我花时间支持那个浏览器?(我需要知道它在世界范围内的使用量)。

你是对的,IE5 早就被遗忘了。我认识的大多数人现在也放弃了对 IE6 和 IE7 的支持。在大多数国家,两者的使用量几乎为零。如果您有支持他们的特定需求,您已经知道了;如果没有,请丢弃它们。它们都缺少一些重要的功能,而放弃它们将使您作为开发人员的生活更加轻松。

对于 Safari,您需要支持几个版本,因为使用 Mac 的人通常不会升级他们的操作系统,并且可能会卡在较低的 Safari 版本上。

对于 Chrome 和 Opera,您只需要支持当前版本即可。

对于 Firefox,您需要支持回 FF17(当前扩展支持版本)。

您还应该考虑手机。您需要对此做出自己的决定;那里有很多移动设备,以及各种各样的浏览器和版本。

我需要一些最佳实践指南,并且我的网站可以在大多数浏览器上运行。

使用http://CanIUse.com 之类的网站来检查您想要使用的任何特定功能的浏览器兼容性。如果您需要使用某些浏览器不支持的功能,您仍然可以通过使用polyfill 脚本来使用它。但不要使用太多。

于 2013-06-01T20:17:16.473 回答