接手一个项目，在任何浏览器都没有问题，只有在 IE 的兼容模式下，页面全都乱套。对比了一下之前写的代码发现没有这么一行代码：<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">，加上之后果然规整了。
查询原因知：IE浏览器从IE8开始添加了兼容模式，开启后会以低版本的IE进行渲染，兼容模式有可能导致网页显示出问题。
http-equiv="X-UA-Compatible" 这个是IE8的专用标记，用来指定IE浏览器模拟某个特定版本IE浏览器的渲染方式，以此来解决IE浏览器的兼容问题
自从用了IE8 整个世界都变了形.
呵呵,问题没那么严重,如果你的网站还来不及修改以适合IE8访问的时候,咱们可以通过非常简单的方法,加几行代码就可以让访问的IE8自动调用IE7的渲染模式,这样可以保证最大的兼容性,方法如下:
只需要在页面中加入如下HTTP meta-tag:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="X-UA-Compatible" value="IE=EmulateIE7">
</customHeaders>
</httpProtocol>
</system.webServer>
</configuration>