css的各种浏览器兼容写法

这里我们不会去关注太多细节问题， 比如哪个css样式需要我们去兼容等，主要从4个方面讨论一下大的解决思路，分别是：浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动化插件。

CSS初始化

前端的小伙伴一定遇到过因为默认样式导致的错乱问题，而且每个浏览器的css默认样式不尽相同，所以最简单有效的方式就是对其进行初始化（覆盖默认样式）。相信很多朋友也都写过这样的代码，在所有CSS开始前，先把marin和padding都设为0。

*{
    margin: 0;
    padding: 0;
}

关于浏览器CSS样式初始化，经验不丰富的话，尤其对于刚入门的小白，可能也不知道该初始化什么，这里推荐一个库给大家，Normalize.css，github star数量接近4万，自行选取展示其中几个样式设置，如下：

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 in