揭秘CSS(第 1 版)
10.1 渐进增强与优雅降级
阅读(

概述

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 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验