css优雅降级和渐进增强

优雅降级:一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

.transition { /*优雅降级写法*/
          transform:rotate(30deg);
       -o-transform: rotate(30deg);//-o opera浏览器前缀
     -moz-transform: rotate(30deg);// -moz代表firefox浏览器私有属性
-webkit-transform: rotate(30deg);// -webkit代表chrome、safari私有属性
                                 // -ms代表IE浏览器私有属性

}
           

渐进增强:针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

.transition { /*渐进增强写法*/
  -webkit-transform: rotate(30deg);
     -moz-transform: rotate(30deg);
       -o-transform: rotate(30deg);
          transform: rotate(30deg);
}
           

区别：渐进增强是向上兼容，优雅降级是向下兼容。

建议： 现在互联网发展很快， 连微软公司都抛弃了ie浏览器，转而支持 edge这样的高版本浏览器，我们很多情况下没有必要再时刻想着低版本浏览器了，而是一开始就构建完整的效果，根据实际情况，修补低版本浏览器问题。

参考 参考链接