我很困惑。我应该可以设置

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

IE8和IE9应该使用最新的渲染引擎来渲染页面。但是,我刚刚测试了它,如果兼容性模式在我们网站的其他地方被打开,它将为我们的页面保持,即使我们应该强制它不这样做。

你应该如何确保IE不使用兼容模式(即使在内部网中)?

FWIW,我使用HTML5 DocType声明(<!doctype html >)。

以下是这一页的前几行:

<!doctype html> 
<!--[if lt IE 7 ]> <html lang="en" class="innerpage no-js ie6"> <![endif]--> 
<!--[if IE 7 ]>    <html lang="en" class="innerpage no-js ie7"> <![endif]--> 
<!--[if IE 8 ]>    <html lang="en" class="innerpage no-js ie8"> <![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--> 
<html lang="en" class="innerpage no-js"> 
<!--<![endif]--> 
    <head> 
        <meta charset="ISO-8859-1" /> 
        <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

编辑:我刚刚了解到,IE8的默认设置是内网站点使用IE7兼容模式。这会覆盖x - ua compatible元标记吗?


当前回答

注意,如果从PHP提供服务,也可以使用下面的代码来修复它。

header("X-UA-Compatible: IE=Edge");

其他回答

对于Nginx,

add_header "X-UA-Compatible" "IE=Edge,chrome=1";

参考:https://github.com/h5bp/server-configs/commit/a5b0a8f736d68f7de27cdcb202e32975a74bd2c5

如果你需要覆盖IE的内部网站点的兼容性视图设置,你可以在web上这样做。config (IIS7)或通过网站属性(IIS6)中的自定义HTTP头,并在那里设置X-UA-Compatible。元标签不会在兼容性视图设置中覆盖IE的内部网设置,但如果你在主机服务器上设置它,它会覆盖兼容性。

web示例。IIS7中的配置:

<system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="X-UA-Compatible" value="IE=EmulateIE8" />
      </customHeaders>
    </httpProtocol>
</system.webServer>

编辑:我从添加之前删除了清晰的代码;这是不必要的复制粘贴的疏忽。抓得好,评论们!

正如NEOSWF上面指出的,Paul Irish条件注释阻止了元标记的任何影响。

这里有几个修复程序(http://nicolasgallagher.com/better-conditional-classnames-for-hack-free-css/)

这些包括:

添加两个HTML类,使用服务器头并在doctype上面添加条件注释。

在我最新的项目中,我决定删除Paul Irish条件注释。我不喜欢在html之前添加任何东西而不做大量的测试,只通过查看html就能看到已经设置了什么,这很好。

最后,我在正文后面直接包围了一个div,并使用了条件注释

  <!--[if IE 7]><div class="ie7"><!--<![endif]-->
  ... regular body stuff
  <!--[if IE 7]></div><!--<![endif]-->

我可以在身体周围这样做,但它更困难的cms,如Wordpress。

显然,这是标记内部的另一个DIV,但仅适用于较旧的浏览器。

我认为这可能是基于每个项目的决定。

我还读了一些关于字符集元标签需要在前1024字节,所以这确保了。

有时候最简单,最容易读懂的想法是最好的,绝对值得思考!感谢上面链接的第6条评论指出了这一点。

如果你正在使用LAMP堆栈,那么将其添加到web根文件夹中的.htaccess文件中。不需要将它添加到每个PHP文件中。

<IfModule mod_headers.c>
    Header add X-UA-Compatible "IE=Edge"
</IfModule>

X-UA-Compatible将只覆盖文档模式,而不是浏览器模式,并且将不适用于所有内部网站点;如果是这种情况,最好的解决方案是禁用“在兼容性视图中显示intranet站点”,并设置一个组策略设置来指定哪些intranet站点需要兼容模式。