你有没有遇到过这种情况：打开某个网站，页面乱成一团，按钮点不了，文字挤在一起，像是十年前的老电脑才该有的画面？其实这不一定是网站的问题，很可能是你的浏览器开启了“兼容性视图”。
什么是网页兼容性视图？
兼容性视图是IE浏览器和一些基于IE内核的国产浏览器（比如老版本的360、QQ浏览器）提供的一项功能。它的本意是好的——为了让那些为旧版IE设计的老旧网站能正常显示，浏览器会自动切换到低版本渲染模式。但问题来了，现在的网页大多是按现代标准写的，一旦被当成“老古董”来对待，反而会出错。
哪些情况需要关掉兼容性视图？
如果你在使用单位内部系统、学校教务平台或某些政府网站时，发现页面排版错乱、下拉菜单失效、提交按钮没反应，先别急着刷新十遍，看看地址栏附近有没有一个“兼容性视图”的图标。有的话，点一下把它关掉，页面很可能立马恢复正常。
怎么关闭兼容性视图？
以常见的IE11为例，在打开网页后，点击右上角齿轮状的“工具”菜单，选择“兼容性视图设置”。在弹出的窗口中，检查当前网站是否被添加到了列表里。如果是，选中它，然后点击“删除”即可。下方还有一个“在兼容性视图中显示所有网站”的选项，一定要确保它是未勾选状态，否则每个网页都会被强行降级显示。
如果你用的是360安全浏览器或QQ浏览器，顶部地址栏右侧通常会有个“闪电”图标或“e”图标，表示当前处于“极速模式”或“兼容模式”。如果显示的是“兼容模式”，点击它，手动切换成“极速模式”就能解决问题。
还能不能让特定网站自动走兼容模式？
可以。有些公司内部的老系统只认IE8，不开兼容性视图根本打不开。这种情况下，你可以把那个网站域名单独加进兼容性视图列表，这样每次访问它时浏览器会自动切换，其他网站则不受影响。
代码层面怎么看有没有被降级？
懂点前端的人可以通过F12开发者工具查看文档模式。如果页面本该是IE9以上标准，却显示“IE7标准”或“Quirks模式”，那基本就是被兼容性视图坑了。正常的文档声明应该是这样：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>测试页面</title>
</head>
<body>
<p>正常浏览模式</p>
</body>
</html>只要不是你自己写的网页，普通用户不需要动代码。记住一点：大多数现代网站都不需要兼容性视图，开着反而是添乱。
换浏览器是最彻底的解决办法
如果你还在用IE打开各种日常网站，建议换成Chrome、Edge或Firefox。这些浏览器不再支持老旧的兼容性视图机制，渲染更准确，速度也快得多。很多单位系统现在也开始支持现代浏览器了，真没必要死守那个蓝字e图标。
下次再遇到网页显示异常，先查查是不是不小心进了兼容性视图。一个小开关，可能就省了你半天的折腾。