Question

着手响应式设计之前，要跨越的最后一道障碍往往是思维定式。而且在某些情况下，这或许是最难克服的问题。例如，我经常被要求将已有的平面设计转换成使用HTML/CSS和jQuery构造的标准网页。依我的经验，平面设计师在创作设计图时，通常只会考虑固定宽度“桌面版”网站，考虑得更多的设计师真是罕有（我说罕有，意思是从来没见过）。接着我的职责就是在所有浏览器中以像素级别还原该设计。这项任务的最终成败取决于客户以及平面设计师的眼光。这种想法在有平面印刷设计背景的客户那里更是根深蒂固。他们的想法很好理解：客户签字认同了设计图，然后将其交给你、我这样的前端设计师/工程师，之后我们投入时间来确保最终代码在所有主流浏览器中的显示效果与原始设计尽可能接近——客户所见就是客户所得。

如果你尝试过让一个现代网页设计在Internet Explorer 6、7中，和在Safari、Firefox或Chrome等现代浏览器中的表现完全一致，你就会知道什么叫“蜀道之难，难于上青天”了。我经常会用整个项目近百分之三十的时间/预算来修复这些烂浏览器的固有缺陷和不足。这些时间应该用来为越来越多的现代浏览器用户开发增强体验或优化代码，而不应该浪费在为越来越少的Internet Explorer用户修补代码，绞尽脑汁地生造出圆角、透明图片、正确对齐的表单元素等效果。

遗憾的是，解决这个问题的唯一方法就是说服引导。客户需要明白为什么应该支持响应式设计，响应式设计的结果如何，为何最终设计不会也不应在所有视口和浏览器中表现一致。有些客户能理解，有些则不能。悲剧的是，有些客户仍然坚持要求在 Internet Explorer 6中也要有一模一样的圆角和投影效果。

当我接手一个新项目时，不论响应式设计是否适合，我都会试着给客户说明以下几点。

允许页面显示效果在老旧浏览器中有细微的差别，这样可以使代码更易维护，将来更新的成本也更低。

让页面元素在那些老旧浏览器（如Internet Explorer 8及更低版本）中表现一致会导致网站增加大量的图片。这会使网站变慢，制作成本变高，而且更难维护。

现代浏览器可以理解的简洁代码等同于更快速的网站。快速响应的网站在搜索引擎中的评级高于慢腾腾的网站。

使用老旧浏览器的用户越来越少，使用现代浏览器的用户越来越多——我们应该支持大多数！

最重要的一点，支持现代浏览器，你就能尽情地享受响应式网页设计，它能响应不同设备的不同浏览器视口。