在构建网站时,我应该瞄准绝对的跨浏览器一致性还是应用一些默认的用户代理样式?

时间:2012-07-03 22:31:39

标签: html css cross-browser

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

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

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

关于第二个,我正在考虑表单,禁用元素,有时颜色,表格的页眉和页脚......让浏览器处理它并且具有一致的优点用户的网站 这是一个好习惯还是我很懒惰?如何将此解决方案“出售”给不关心这些考虑因素的客户?


我正在寻找每种方法的优点和缺点 如何选择彼此?极限在哪里? (怎么样:坚持W3C标准并让浏览器处理剩下的事情?)

4 个答案:

答案 0 :(得分:4)

网页设计的艺术是在媒体的约束下工作,其中有许多,并且仍然在许多不同平台上提供100%功能的东西。在多种屏幕尺寸,分辨率,文化,语言,连接速度,可访问性问题等所有浏览器中,让您的网页看起来很好并且完全正常运行是一项挑战。如果您可以完成“IE中没有损坏”这样的东西

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

答案 1 :(得分:1)

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

由于Twitter Bootstrap和列表中的许多内容也涵盖了响应式设计,因此您不需要为平板电脑和其他设备进行返工。我希望此列表能帮助您入门。

答案 2 :(得分:1)

作为开发人员,您需要在所有浏览器中保持一致的外观。你不想像你建议的那样有一种懒惰的态度!这对开发人员来说是一个糟糕的习惯,导致产品质量低劣。

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

答案 3 :(得分:1)

虽然大多数网页设计师希望跨浏览器保持一致性,但没有任何内在的东西"正确"关于它是如此,并且在实践中它取决于您正在创建的网页的性质。

特别是,总体一致性与Progressive EnhancementResponsive Web Design的原则背道而驰。没有黄金法则,在每种情况下都要为您的客户做正确的事。