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

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

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

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

問(wèn)題沒(méi)那么嚴(yán)重,如果你的網(wǎng)站還來(lái)不及修改以適合IE8訪問(wèn)的時(shí)候,咱們可以通過(guò)非常簡(jiǎn)單的方法,加幾行代碼就可以讓訪問(wè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>