渐进增强 优雅降级

Posted 2020-11-04 austin0505

 根据用户群体与网站实际业务和功能挂钩

渐进增强:现针对低版本浏览器页面结构展示出来(保证我最基本的功能),
        再针对高版本浏览器进行样式\效果\功能进行添加(追加功能).

优雅降级:一开始就搭建一个完整功能的网站,再针对低版本浏览器进行兼容性的降级处理
        (删除功能)


兼容性前缀:

谷歌:-webkit-
火狐:-moz-
欧朋:-o-
微软:-ms-

例子:

-webkit-animation-dely:300ms;
animation-dely:300ms;