css3渐进增强 VS 优雅降级
进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。
名词解释
二者区别
案例分析
.transition { /*渐进增强写法*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.transition { /*优雅降级写法*/
transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
-
很久以前：浏览器前缀CSS3和正常CSS3都不支持；
-
不久之前：浏览器只支持前缀CSS3，不支持正常CSS3；
-
现在：浏览器既支持前缀CSS3，又支持正常CSS3；
-
未来：浏览器不支持前缀CSS3，仅支持正常CSS3.
如何抉择
参考文章
-
渐进增强、优雅降级
-
知乎：CSS选择 “渐进增强” 还是 “优雅降级”？
-
渐进增强和优雅降级之间的有什么不同？
-
需警惕CSS3属性的书写顺序
作者：康斌,
來源：简书
链接：https://www.jianshu.com/p/d313f1108862
原创声明
本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
服务热线 19970861797
