强制不使用“兼容性视图”

X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生。

1.我们常使用代码:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

来开启IE8的标准渲染模式。这种方式在只存在IE8浏览器的时候比较合适,但是后来又出现了IE9、IE10、IE11等等。

2.我们就可以这样写:

<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />

意思就是优先最前面的IE9,没IE9就用IE8。那么如果针对每一种都写一遍,似乎就有些冗余了。

3.所以我们改变方式采用代码:

<meta http-equiv="X-UA-Compatible" content="edge" />

Edge模式通知IE以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。

4.当然,我们还见过或者用过这样的代码:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

就是增加了chrome=1值,目的是触发Google Chrome Frame,不过现在Google已经抛弃Google Chrome Frame了,因此也不用这样写了。

5.总的来说,使用标准模式来渲染页面:

<meta http-equiv="X-UA-Compatible" content="edge" />

触发浏览器标准模式,这个是最有效的方法。

原文地址:https://www.cnblogs.com/moutudou/p/7805328.html