css3的渐进增强和优雅降级

原因

不同的用户使用的浏览器版本不同，型号差异大，我们不可能让用户强制更新，所以就需要我们自己来兼容了，故而浏览器端就需要考虑到所谓的渐进增强和优雅降级了。

渐进增强（progressive enhancement）：

主要用户使用低版本浏览器的比较多，所以一开始针对低版本浏览器进行构建页面，完成了基本的功能。 然后针对高级浏览器进行效果、交互增强，功能追加等来达到更好的体验。

.transition { /*渐进增强写法*/
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}
           

优雅降级（graceful degradation）：

主要用户使用高版本浏览器的比较多，先从高版本浏览器向低版本浏览器进行兼容，先构建完整功能，然后再对低浏览器进行测试及兼容，保证正常浏览

.transition { /*优雅降级写法*/
          transition: all .5s;
       -o-transition: all .5s;
     -moz-transition: all .5s;
  -webkit-transition: all .5s;
}
           

相同点：

都是为了更好的用户体验