小编给大家分享一下css中渐进增强与优雅降级有哪些区别,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
渐进增强与优雅降级的区别
优雅降级和渐进增强只是关注同一网站在不同设备里和不同浏览器下的表现程度。关键的区别则在于它们各自关注于何处,以及这种关注如何影响工作的流程。
优雅降级认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器的前一个版本。在这种设计下,旧版的浏览器被认为仅能提供最简单的的浏览体验
渐进增强认为应关注于内容本身。会优先考虑老版本浏览器的可用性,最后才考虑新版本的可用性,这使得渐进增强成为一种更为合理的设计范例
例:
优雅降级(先关注最高级的,在考虑兼容)
.transition{
transition:all0.2s;
-o-transition:all0.2s;
-moz-transition:all0.2s;
-webkit-transition:all0.2s;
}
渐进增强(先考虑兼容)
.transition{
-webkit-transition:all0.2s;
-moz-transition:all0.2s;
-o-transition:all0.2s;
transition:all0.2s;
}
选择
根据所使用的客户端的版本来做决定,因为本质上渐进增强和优雅降级的概念是软件开发过程中低版本软件与高版本软件面对新功能的兼容问题,所以低版本用户居多,当然优先采用渐进增强的开发流程;如果高版本用户居多,为了提高大多数用户的使用体验,那当然优先采用优雅降级的开发流程。不过大多数情况下都是采用渐进增强的方式,因为它更加合理。
以上是“css中渐进增强与优雅降级有哪些区别”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!