IE的兼容性设置 X-UA-Compatible

Posted 晴天神乐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE的兼容性设置 X-UA-Compatible相关的知识,希望对你有一定的参考价值。

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

IE8的专属标记,用来兼容其它低版本IE浏览器的,告诉IE8浏览器以哪个低版本的IE浏览器来渲染页面,

 

1. 遵循<!DOCTYPE>指令文档声明 的兼容设置

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

EmulateIE7:在标准模式指令下以IE7标准模式渲染页面,在Quirks混杂模式指令下以IE5模式渲染页面

EmulateIE8:在标准模式指令下以IE8标准模式渲染页面,在Quirks混杂模式指令下以IE5模式渲染页面

EmulateIE9:在标准模式指令下以IE9标准模式渲染页面,在Quirks混杂模式指令下以IE5模式渲染页面

 

2. 忽略<!DOCTYPE>指令文档声明 的兼容设置

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

不管有没有<!DOCTYPE>指令文档声明

7:以IE7标准模式渲染页面

8:以IE8标准模式渲染页面

9:以IE9标准模式渲染页面

 

3. 以当前IE浏览器所支持的最高版本模式来渲染页面

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

 

4. 以chrome内核来渲染页面

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

前提是给当前IE浏览器安装了Google Chrome Frame插件

 

5. 以chrome内核来渲染页面

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

如果当前IE浏览器安装了GCF插件,则以chrome内核渲染页面,否则就以当前IE浏览器支持的最高版本模式来渲染。

 

6.建议使用下面的X-UA-Compatible标签: 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame 

以上是关于IE的兼容性设置 X-UA-Compatible的主要内容,如果未能解决你的问题,请参考以下文章

IE浏览器兼容性设置方法

IE11兼容性视图设置后导致页面一些按钮无法点击

vue浏览器兼容性问题ie9 ie10 edge

ie11如何兼容chrome?

如何将IE浏览器设置为兼容模式

ie浏览器不支持当前兼容性设置怎么办,问题原因及解决方法