对普遍的css特性开展访问器适配性总结(强烈推荐

为何要对css特性开展访问器适配性总结呢？用的情况下，立即去 Can I Use 里边查找访问器对该特性的适配性格况不就行了吗？

css3.jpeg

实际上，在具体的开发设计全过程中，大家对普遍的css特性适配状况不在话下，才可以巨大的提升大家的开发设计高效率，写出能够开展雅致退级的编码。这里其实不是说1定要全部的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其实不适用这1应用方法。

三d变换：

IE10 和 Firefox 适用 三d 变换。Chrome 和 Safari 必须前缀 -webkit-。Opera 依然不适用 三d 变换，它只适用2D 变换。

过渡：

transition:最低适配至IE10，其它访问器适配状况优质。Safari访问器必须前缀-webkit-，其它绝大多数访问器对此仍未有前缀规定，因而除独特状况，能够不加上其它访问器的前缀。

动漫：

animation:适配状况与transition特性大概同样。

以上便是本文的所有內容，期待对大伙儿的学习培训有一定的协助，也期待大伙儿多多适用脚本制作之家。