IE強制標準模式---標準模式與兼容模式設置

<meta http-equiv="X-UA-Compatible" content="edge" />html

這個是最有效的方法。ui

 

文檔模式(document mode)是IE8引入的一個新概念。頁面的文檔模式決定了你能夠使用哪一個級別的CSS,能夠使用JavaScript的哪些API,以及如何對待文檔類型(doctype)。
從上面的例子能夠看出「X-UA-Compatible」的值有兩種方式:Emulate+IE版本號,單純版本號。這兩種有何區別呢?
Edge:始終以最新的文檔模式來渲染頁面。忽略文檔類型聲明。對於IE8,始終以IE8標準模式渲染頁面。IE9亦如此。
EmulateIE9:若是聲明瞭文檔類型,則以IE9標準模式渲染頁面,不然將文檔模式設置爲IE5。 EmulateIE8:若是聲明瞭文檔類型,則以IE8標準模式渲染頁面,不然將文檔模式設置爲IE5。 EmulateIE7:若是聲明瞭文檔類型,則以IE7標準模式渲染頁面,不然將文檔模式設置爲IE5。
9:強制以IE9標準模式渲染頁面,忽略文檔類型聲明。
8:強制以IE8標準模式渲染頁面,忽略文檔類型聲明。
7:強制以IE7標準模式渲染頁面,忽略文檔類型聲明。
5:強制以IE5標準模式渲染頁面,忽略文檔類型聲明。

也許你在實際使用 X-UA-Compatible 的時候,可能會出現無論用的狀況,htm

其實,不能單單的只是加:meta,還須要,把DOCTYPE的定義去掉,其實這樣就能夠了:ip

<!DOCTYPE html>  。文檔

檢查一下,你的代碼中是否是仍是這個:it

<!DOCTYPE html PUBLIC 「-//W3C//DTD XHTML 1.0 Transitional//EN」 「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」> io

刪掉試試
如下是寫法列表:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
 
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=EmulateIE9" />
     
<meta http-equiv="X-UA-Compatible" content="IE=7,9" />渲染

相關文章
相關標籤/搜索