在IE8浏览器之后版本,都有一个“兼容性视图”,让很多新技术没法使用。那么如何禁止浏览器自动选择“兼容性视图”,强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码。html
X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器以后诞生。IE8或者IE9有不少种模式,好比,IE8有4种模式:IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式;而IE9有7种模式: IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式、IE9几乎标准模式、IE9标准模式、XML模式。chrome
咱们常使用代码:浏览器
<meta http-equiv="X-UA-Compatible" content="IE=8" />ui
来开启IE8的标准渲染模式。这种方式在只存在IE8浏览器的时候比较合适,可是后来又出现了IE九、IE十、IE11等等。咱们就能够这样写:htm
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />blog
意思就是优先最前面的IE9,没IE9就用IE8。那么若是针对每一种都写一遍,彷佛就有些冗余了。兼容性
因此咱们改变方式采用代码:渲染
<meta http-equiv="X-UA-Compatible" content="edge" />meta
Edge模式通知IE以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。方法
固然,咱们还见过这样的代码:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
就是增长了chrome=1值,目的是触发Google Chrome Frame,不过如今Google已经抛弃Google Chrome Frame了,所以也不用这样写了。
总结:
在 <!DOCTYPE html> 下,使用代码:
<meta http-equiv="X-UA-Compatible" content="edge" />
触发标准模式,这个是最有效的方法
转自:http://www.sxt.cn/u/4467/blog/5465