IE强制标准模式
在实际开发中遇到了仅兼容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"/>