对常见的css属性进行浏览器兼容性总结 _睿知

为什么要对css属性进行浏览器兼容性总结呢?用的时候，直接去 Can I Use 里面检索浏览器对该属性的兼容性情况不就好了吗?

文章插图

文章插图
【对常见的css属性进行浏览器兼容性总结】css3.jpeg
其实，在实际的开发过程中，我们对常见的css属性兼容情况了然于胸，才能极大的提高我们的开发效率，写出可以进行优雅降级的代码。这里并不是说一定要所有的css属性兼容情况都要背下来，对于使用率较低的，我们直接使用Can I Use 进行检索。
边框：
border-radius: 最低兼容至 IE9,其它浏览器兼容情况优良。
box-shadow: 最低兼容至IE9, 其它浏览器兼容情况优良。
背景：
background-size: 最低兼容至IE9, 其它浏览器兼容情况优良。
字体：
@font-face: IE9及以上版本的IE浏览器，支持引入任何格式的字体文件，而在IE9之前的浏览器，只支持引入EOT格式的字体文件。其它浏览器兼容情况优良。
2D转换：
transform: 最低兼容至IE9(需要添加-ms-前缀) ，其它浏览器兼容情况优良。在transform属性前加入浏览器内核前缀是很好的实践。不建议在svg元素上使用transform属性，最新版本的IE并不支持这一使用方式。
3D转换：
IE10 和 Firefox 支持 3D 转换。Chrome 和 Safari 需要前缀 -webkit- 。Opera 仍然不支持 3D 转换，它只支持2D 转换。
过渡：
transition:最低兼容至IE10 ，其它浏览器兼容情况优良。Safari浏览器需要前缀-webkit- ，其它大部分浏览器对此并未有前缀要求，因此除了特殊情况，可以不添加其它浏览器的前缀。
动画：
animation:兼容情况与transition属性大致相同。

对常见的css属性进行浏览器兼容性总结

推荐阅读

20180818检视

linux命令行插件，linux命令行工具推荐

粗饲料的加工方法粗饲料的养殖方法和注意事项

安卓回归分析软件,安卓音频频谱分析软件

HR问你：“为什么离职？你的离职原因是什么？”如果有隐情的话,告诉HR好还是不好？

宝宝爱吃的咖喱饭的做法宝宝爱吃的咖喱饭做法步骤

手机信号越差辐射越大吗

高压锅煮芋头多长时间

土壤热容量名词解释_土壤热容量大小取决于

香素咕老肉怎么做

风冷冰箱开门原因及维修方法，解决您的电器故障问题

家用净水器安装的方法净水器如何安装

gta5官方手册安卓版,我身后的电脑正在运行gta5

磷化工概念10只核心龙头股磷化工概念股龙头股

洗海鲜时扎了手指怎么办针把手扎了如何处理，手被用过的针扎了怎么处理

怎么做到不去打扰一个人如何放下一个人

海尔冰箱f2故障,海尔冰箱出现f2是什么意思

c语言中去绝对值的函数 c语言中去绝对值的函数怎么表示

错综复杂的依赖关系

生龙虾怎么处理活龙虾内脏处理方法分享