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

<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元标记吗?


当前回答

我也在本地主机的IE7文档标准中得到了相同的IE9渲染问题。 我尝试了许多条件注释标签,但不成功。 最后,我只是删除了所有的条件标签,只是在头部之后立即添加了元标签,就像下面这样,它就像魅力一样。

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

希望能有所帮助

其他回答

对于Nginx,

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

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

此外,X-UA-Compatible必须是头部部分的第一个元标记

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

顺便说一下,正确的顺序或主要的头部标签是:

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <title>Site Title</title>
    <!-- other tags -->
</head>

这种方式

我们将渲染引擎设置为在IExplorer开始处理之前使用 然后我们将文档设置为所有浏览器使用的编码 然后打印标题,它将使用已经定义的编码进行处理。

事实证明,这与微软的“智能”选择有关,即使所有内部网站点强制进入兼容模式,即使X-UA-Compatible设置为IE=edge。

我能够绕过这个加载头之前的HTML与php,它工作得很好。

<?php 
header( 'X-UA-Compatible: IE=edge,chrome=1' );
header( 'content: width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' );
include('ix.html');
?> 

ix.html是我在发送报头后想要加载的内容。

如果你需要覆盖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>

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