接手一個(gè)項(xiàng)目，在任何瀏覽器都沒有問題，只有在 IE 的兼容模式下，頁(yè)面全都亂套。對(duì)比了一下之前寫的代碼發(fā)現(xiàn)沒有這么一行代碼：<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">，加上之后果然規(guī)整了。

查詢?cè)蛑篒E瀏覽器從IE8開始添加了兼容模式，開啟后會(huì)以低版本的IE進(jìn)行渲染，兼容模式有可能導(dǎo)致網(wǎng)頁(yè)顯示出問題。

http-equiv="X-UA-Compatible" 這個(gè)是IE8的專用標(biāo)記，用來指定IE瀏覽器模擬某個(gè)特定版本IE瀏覽器的渲染方式，以此來解決IE瀏覽器的兼容問題

自從用了IE8 整個(gè)世界都變了形.

問題沒那么嚴(yán)重,如果你的網(wǎng)站還來不及修改以適合IE8訪問的時(shí)候,咱們可以通過非常簡(jiǎn)單的方法,加幾行代碼就可以讓訪問的IE8自動(dòng)調(diào)用IE7的渲染模式,這樣可以保證最大的兼容性,方法如下:

只需要在頁(yè)面中加入如下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>