我很困惑。我应该可以设置
<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元标记吗?
服务器端解决方案是推荐的，正如@TimmyFranks在他的回答中提出的那样，但如果需要在页面级别上实现X-UA-Compatible规则，请阅读以下提示，以从已经被烧伤的人的经验中受益
X-UA-Compatible元标记必须直接出现在<head>元素的标题之后。没有其他元标签，css链接和js脚本调用可以放在它之前。
<head>
<title>Site Title</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<script type="text/javascript" src="/jsFile.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="shortcut icon" href="/apple-touch-icon.png" />
</head>
如果页面中有任何条件注释(假设位于<html>中)，它们必须放在<head>之后。
// DON'T: place class inside the HTML tag
<!--[if gt IE 8]><!-->
<html class="aboveIe8">
<!--<![endif]-->
// DO: place the class inside the BODY tag
<!--[if gt IE 8]><!-->
<body class="aboveIe8">
<!--<![endif]-->
Html5BoilerPlate的团队写了关于这个错误的文章——http://h5bp.com/i/378
他们有几种解决方案。
关于内部网和兼容性视图，当您转到工具>兼容性视图设置时，有一些设置。
