2023年6月21日发(作者：)

对常见的css属性进⾏浏览器兼容性总结（推荐）为什么要对css属性进⾏浏览器兼容性总结呢？⽤的时候，直接去 Can I Use ⾥⾯检索浏览器对该属性的兼容性情况不就好了吗？其实，在实际的开发过程中，我们对常见的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属性⼤致相同。以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

2023年6月21日发(作者：)

对常见的css属性进⾏浏览器兼容性总结（推荐）为什么要对css属性进⾏浏览器兼容性总结呢？⽤的时候，直接去 Can I Use ⾥⾯检索浏览器对该属性的兼容性情况不就好了吗？其实，在实际的开发过程中，我们对常见的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属性⼤致相同。以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。