如果一个网页以
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
如果页面以开头
<!DOCTYPE html>
<html>
<head>
<!-- without X-UA-Compatible meta -->
如果没有区别,我想我可以忽略X-UA-兼容的元头,因为我只希望它在所有IE版本中以最标准的模式呈现。
如果一个网页以
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
如果页面以开头
<!DOCTYPE html>
<html>
<head>
<!-- without X-UA-Compatible meta -->
如果没有区别,我想我可以忽略X-UA-兼容的元头,因为我只希望它在所有IE版本中以最标准的模式呈现。
当前回答
使用此选项可强制IE在地址栏中隐藏烦人的浏览器兼容性按钮:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
其他回答
如果你在与服务器相同的网络中使用你的网站,IE喜欢切换到兼容模式,尽管DOCTYPE。添加meta-http equiv=“X-UA-Compatible”content=“IE=Edge”将禁用此不需要的行为。
为了完整起见,您实际上不必将其添加到HTML中(这在HTML5中是未知的http equiv)
这样做,永远不要回头看(第一个例子是apache,第二个例子是nginx)
Header set X-UA-Compatible "IE=Edge,chrome=1"
add_header X-UA-Compatible "IE=Edge,chrome=1";
由于我无法对标记的答案添加评论,我将在此处发布此内容。
除了正确的答案之外,您确实可以验证这个答案。因为这个元标记只针对IE,所以你只需要添加一个IE条件。
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<![endif]-->
这样做就像添加任何其他IE条件语句一样,只适用于IE,不会影响其他浏览器。
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
要使这条线按预期工作,请确保:
它是<head>之后的第一个元素在元标记之前不使用条件注释,例如在<html>元素上
否则,某些IE版本会忽略它。
更新
这两条规则被简化了,但它们很容易记住和验证。尽管MSDN文档指出您可以将标题和其他元标记放在这个之前,但我不建议这样做。
如何使用条件注释。
关于头部元素顺序的有趣文章。(blogs.msdn.com,用于IE)
参考
从MSDN文档中:
X-UA-Compatible[…]必须出现在网页的标题中(HEAD部分)在除标题元素和其他元元素之外的所有其他元素之前。
只需一句话,即可指导Internet Explorer使用其最新的渲染引擎
<meta http-equiv="x-ua-compatible" content="ie=edge">