浏览器的兼容性

浏览器前缀

W3C 维护标准

查询新特性的支持程度网站：https://www.caniuse.com/

浏览器 内核 前缀
谷歌 webkit/blink -webkit-
火狐 gecko -moz-
苹果 webkit -webkit-
IE trident -ms-
欧朋 blink -o-

*无需特意去处理css3中的兼容性问题，如果有新特性的兼容性不好，应该尽量避免使用，否则就需要书写浏览器的前缀。

CSS Hack

因为同一厂商的浏览器也存在不同版本，比如IE9和IE10，对css的解析也不一样，因为会导致生成的页面效果不同，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去书写不同的css样式。让它去兼容不同的版本。这个时候就需要使用css的Hack.

如果没有要求，一般不需要做hack兼容。

属性hack

属性前缀
_ IE6及以下
* IE7及以下

后缀
\9 IE6及以上

hack书写格式

gt 大于
gte 大于等于
lt 小于
lte 小于等于
！ 非

示例