接手一個(gè)項(xiàng)目,在任何瀏覽器都沒有問題,只有在 IE 的兼容模式下,頁面全都亂套。對(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)頁顯示出問題。
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的渲染模式,這樣可以保證最大的兼容性,方法如下:
只需要在頁面中加入如下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>