1、适配语法
选择器名称 {
属性:方法(值);
-webkit-属性:方法(值); /*safari chrome*/
-ms-属性:方法(值); /*IE*/
-o-属性:方法(值); /*opera*/
-moz-属性:方法(值); /*Firefox*/
}
示例:设置旋转
.div1 {
transform:rotae(200deg);
-webkit-transform:rotae(200deg);
-ms-transform:rotae(180deg);
-o-transform:rotae(180deg);
-moz-transform:rotae(200deg);
}
2、需要适配的场景
我们常在CSS动画中使用浏览器适配,包括2D、3D转换、过渡、动画、多列等。