浏览器兼容性适配方法总结（跨浏览器）

浏览器兼容性问题适配，通过单独写css样式，适配各类浏览器兼容性，特别是针对IE8-9。

[只有IE9及以前版本支持]

引入语法：

在css里使用如下标识符可以被ie识别而采用，其他浏览器会忽略if ie。

引入示例：

1-2.条件性注释效果如何适用于IE10/11上

方法一：使用IE=EmulateIE9属性指示浏览器采用IE9渲染技术

IE9是支持条件性注释的。

在html网页的head里加入上面的元标记，这样IE10/11就能识别条件性注释了，我们也就可以像IE6/7/8那样编写针对性的CSS代码了。但这样做有个弊端，很显然，浏览器这样就会才能IE9的渲染模式，而不是最新的IE10/11技术。

方法二：使用媒体查询语句+-ms-high-contrast属性

CSS的媒体查询语句(media query)是一种高级的CSS条件语句，它能根据一些属性和属性值计算判断CSS是否可以生效。在这里，我们要使用一个IE10/11独有的属性，它就是-ms-high-contrast，只有IE10/11实现了这个属性，它可以有两个值active或none，使用下面的媒体查询语句：

火狐浏览器、谷歌浏览器不能识别这个属性，所以不会执行这个查询语句里的CSS，从而实现了条件性执行的效果。

方法三：使用Javascript判断浏览器的类型

先用JavaSCript判断是否是IE浏览器，如果是，就在页面的标记上添加一个“ie”的类名：

有了这个标志性css class后，我们就可以在CSS里区别性的编写css代码了。

2.CSS hack【重点】

CSS hack的目的就是使你的CSS代码兼容不同的浏览器。当然，我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。

语法参考表：

上图说明：这里S代表standard标准模式，Q代表Quirks怪异模式

示例：