处理兼容问题:对于某些css3属性需要加前缀?

移动端

如果只写移动端的话就加-webkit-前缀和css3属性就可以

pc端

      -webkit-border-radius:50%; //谷歌
      -moz-border-radius:50%;    //火狐
      -ms-border-radius:50% ;    //ie
      -o-border-radius:50%;      //欧朋
       border-radius:50% ;    //标准写法
复制代码

animation动画需要加浏览器内核前缀

     -webkit 谷歌
     -moz 火狐
     -ms ie
     -o 欧朋
复制代码