CSS 渐进增强与优雅降级

56 阅读 0 评论 37 点赞

我是靠谱客的博主过时康乃馨，最近开发中收集的这篇文章主要介绍CSS 渐进增强与优雅降级，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

你可能听过优雅降级（graceful degradation）和渐进增强（progressive enhancement）这两个词，它们是构建Web应用时，处理多浏览器支持的两种方法论，并在Web社区中引发过激烈的辩论。

持优雅降级观点者认为，应该针对最高级、最完善的浏览器来设计网站。然后，再为那些被认为过时或有功能缺失的浏览器提供候选方案，使之基本可用，但不至于完全失效。这样一来，新特性在老浏览器中会降级，且一般会有一个分界点，声明不支持哪些老浏览器。有时候会警告使用老浏览器的用户，建议更换，如“您的浏览器已经老掉牙了，建议使用现代浏览器！”。

与优雅降级正好相反，持渐进增强观点者则认为，应该关注于内容本身。首先，保证最核心的功能，让任何低端的浏览器都能看到网站的内容。然后，再通过CSS或Javascript来进行效果、交互等改进，为更先进的浏览器提供渐进式增强，带来更好的用户体验。

其实，渐进式增强并不是一种技术，而是一种开发方式，是一种Web设计的新理念。过去，人们往往习惯性的认为，要让网站在所有浏览器下表现一致。这种出发点本身并没有什么问题，但会让高级浏览器的优势完全丧失，无法充分显示出来。

目前，人们普遍认为渐进式增强是一种更为合理的设计理念，也慢慢被越来越多的设计师所接受，并为之付诸行动。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。