接手一个项目，在任何浏览器都没有问题，只有在 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>