web前端处理兼容的方法总结

由于浏览器厂商的不同以及浏览器各个版本之间的差异，我们在编写页面时需要考虑如何处理兼容性，下面就列出几种常见的方法：

1. cssHack：通过书写特定浏览器支持的语法来处理兼容性，具体的语法规则可参考BROWSERHACKS官网查询。
2. PolyfillJS和html5shivJS：两个文件都是通过旧环境中的特性来支持新特性。html5shiv是采用document.createElement（）的方法来创建html5的新标签，从而使旧环境能支持。具体使用方法：

<script src="polyfill.js"></script>


<!--[if lt IE 9]>
    <script src="html5shiv.js"></script>
<![endif]-->

3. respondJS:用来实现IE6，7，8的响应式设计，主要是让6，7，8支持min-width和max-width属性，具体使用方法：

<!--[if lt IE 9]>
    <script src="respond.js"></script>
<![endif]-->

4. modernizrJS:它会检测各浏览器版本对新标签，新属性的支持情况，从而添加不同的类去处理，不支持添加以no-开头的类名。下载地址：[Modernizr官网]（https://modernizr.com/) 具体使用方法：

<script src="modernizr.js"></script>