在构建网站时,我应该以绝对的跨浏览器一致性为目标,还是让一些默认的用户代理风格应用



创建网站时的首选方法是什么:

  • 努力使页面在每个浏览器上看起来完全相同? 或
  • 让浏览器将其默认样式表应用于某些特定对象,如输入、边框、颜色等。

第一个解决方案显然是我们在一个完美的世界中自然拥有的解决方案,但需要更多的工作,CSS黑客,浏览器特定的样式表等等。
这是网页设计师应该做的吗?

关于第二个,我正在考虑表单、禁用元素、有时的颜色、表格的页眉和页脚......让浏览器处理它要容易得多,并且具有用户在网站之间保持一致的优势。
这是一个好习惯还是我懒惰?如何将此解决方案"销售"给不关心这些考虑的客户?


我正在寻找每种方法的优缺点。
如何在一个和另一个之间做出选择?极限在哪里?(怎么样:坚持W3C标准,让浏览器处理其余的?)

网页设计的艺术是在媒介的限制下工作,其中有很多,并且仍然想出一些在许多不同的平台上100%的功能。使您的页面看起来不错并在多种屏幕尺寸、分辨率、文化、语言、连接速度、可访问性问题等下在所有浏览器上完全运行是一项挑战,如果您可以完成"在 IE 中未损坏",那就是一些事情。

当然,我希望它看起来像在烟花中的样子,但这不是一个现实的目标。每台机器都是不同的,因此页面的每个视图也是如此。

一些CSS框架,如Twitter Bootstrap或Blue print。实际上有很多。然后,如果您正在编写自定义CSS,我建议您使用CSS预处理器。

  • CSS 框架列表
  • CSS 预处理器列表
  • http://twitter.github.com/bootstrap/

由于 Twitter Bootstrap 和列表中的许多内容也涵盖了响应式设计,因此您无需为平板电脑和其他设备返工。

作为开发人员,您希望在所有浏览器中保持一致的外观。 你不想像你建议的那样懒惰!! 对于开发人员来说,这是一个可怕的习惯,会导致产品质量差。

熟悉解决跨浏览器问题的不同框架。 Twitter bootstrap和jQuery是一个很好的起点。 还要了解不同的浏览器,了解它们支持什么,不支持什么,这样在编码时就可以避免某些事情!

虽然大多数网页设计师都希望跨浏览器保持一致,但这样做本质上并没有什么"正确"的,在实践中,这取决于您正在创建的网页的性质。

特别是,完全一致性与渐进式增强和响应式网页设计的原则背道而驰。没有黄金法则,在每种情况下都做适合客户的事情。

最新更新