css兼容性有哪些处理方式-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

css兼容性处理方式有：1、对样式进行初始化；2、添加浏览器私有属性，如【-moz】代表firefox浏览器私有属性；3、使用自动化插件，如自动管理浏览器前缀的插件Autoprefixer。

处理方法：

一、样式初始化

（学习视频推荐：css视频教程）

每个浏览器的css默认样式不尽相同，所以最简单有效的方式就是对其进行初始化

* { 
  margin: 0; 
  padding: 0; 
}

如果不知道该初始化什么，推荐一个初始化CSS样式库normalize.css，选取展示其中几个样式设置，如下：

html { 
  line-height: 1.15; /* Correct the line height in all browsers */
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */
} 
   
body { 
  margin: 0; 
} 
   
a { 
  background-color: transparent; /* Remove the gray background on active links in IE 10. */
} 
   
img { 
  border-style: none; /* Remove the border on images inside links in IE 10. */
}

二、添加浏览器私有属性

-moz- 代表firefox浏览器私有属性

-ms- 代表IE浏览器私有属性

-webkit- 代表chrome、safari私有属性

-o-代表opera私有属性

对于私有属性的顺序要注意，把标准写法放到最后，兼容性写法放到前面

-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/
-moz-transform:rotate(-3deg); /*为Firefox*/
-ms-transform:rotate(-3deg); /*为IE*/
-o-transform:rotate(-3deg); /*为Opera*/
transform:rotate(-3deg);