接手一個項目，在任何瀏覽器都沒有問題，只有在 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>