meta 声明用IE最新内核渲染页面 如360浏览器 IE浏览器 用最新IE内核渲染
head内写上meta标签,解决使用低版本IE内核渲染页面
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
Edge:始终以最新的文档模式来渲染页面。
参考:
文档模式(document mode)是IE8引入的一个新概念。页面的文档模式决定了你可以使用哪个级别的CSS,可以使用JavaScript的哪些API,以及如何对待文档类型(doctype)。
从上面的例子可以看出“X-UA-Compatible”的值有两种方式:Emulate+IE版本号,单纯版本号。这两种有何区别呢?
Edge:始终以最新的文档模式来渲染页面。忽略文档类型声明。对于IE8,始终以IE8标准模式渲染页面。IE9亦如此。
EmulateIE9:如果声明了文档类型,则以IE9标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE8:如果声明了文档类型,则以IE8标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE7:如果声明了文档类型,则以IE7标准模式渲染页面,否则将文档模式设置为IE5。
9:强制以IE9标准模式渲染页面,忽略文档类型声明。
8:强制以IE8标准模式渲染页面,忽略文档类型声明。
7:强制以IE7标准模式渲染页面,忽略文档类型声明。
5:强制以IE5标准模式渲染页面,忽略文档类型声明。也许你在实际使用 X-UA-Compatible 的时候,可能会出现不管用的情况,其实,不能单单的只是加:meta,还需要,把DOCTYPE的定义去掉,其实这样就可以了:<!DOCTYPE html> 。快检查一下,你的代码中是不是还是这个:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 改掉试试
以下是写法列表:
1<metahttp-equiv="X-UA-Compatible"content="IE=edge">
1<metahttp-equiv="X-UA-Compatible"content="IE=7,IE=9"/>
1<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7,IE=EmulateIE9"/>
1<metahttp-equiv="X-UA-Compatible"content="IE=7,9"/>
111

浙公网安备 33010602011771号