IE强制标准模式

2016年09月28日Web前端

在实际开发中遇到了仅兼容IE8及以上的页面在IE中打开总是以IE7标准来渲染,导致页面出现了一些问题,原来是meta标签的问题,为了能够让IE始终以最高版本的标准模式来渲染页面,可以采用

其实,"X-UA-Compatible"的值有两种方式:Emulate+IE版本号和单纯的版本号,他们的区别如下,

  • edge:始终以最新的文档模式来渲染页面。对于IE8,则始终以IE8标准模式来渲染页面。
  • EmulateIE9:如果声明了文档类型,则以IE9标注模式渲染页面,否则以IE5的怪异模式解析。
  • EmulateIE8:如果声明了文档类型,则以IE8标注模式渲染页面,否则以IE5的怪异模式解析。
  • EmulateIE7:如果声明了文档类型,则以IE7标注模式渲染页面,否则以IE5的怪异模式解析。
  • 9:强制以IE9标准模式渲染页面,忽略文档类型声明。
  • 8:强制以IE8标准模式渲染页面,忽略文档类型声明。
  • 7:强制以IE7标准模式渲染页面,忽略文档类型声明。

当然,我们也可以指定多个模式,用逗号将版本分割开,浏览器会选择所支持的最高版本的模式来解析,如:

<meta http-equiv="X-UA-Compatible" content="7,9,10" />

IE8则会以IE7标准模式来解析。 也可以写成

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

目录