深入理解指定IE瀏覽器渲染方式

meta http-equiv=X-UA-Compatible content=IE=7 /
以上代碼告訴IE瀏覽器 , 無論是否用DTD聲明文檔標準,IE8/9都會以IE7引擎來渲染頁面 。
meta http-equiv=X-UA-Compatible content=IE=8 /
以上代碼告訴IE瀏覽器,IE8/9都會以IE8引擎來渲染頁面 。
meta http-equiv=X-UA-Compatible content=edge /
以上代碼告訴IE瀏覽器,Windows以最高版本的IE顯示內容 。
meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /
根據 !DOCTYPE 指令確定如何呈現內容 。標準模式指令以Windows Internet Explorer 7 標準模式顯示,而 Quirks 模式指令以 IE5 模式顯示 。與 IE7 模式不同,EmulateIE7 模式遵循 !DOCTYPE 指令 。對于多數網站來說,它是首選的兼容性模式 。對于用上IE9/IE10的人 , 想跳過IE8,指定在IE7和IE9中渲染,得使用了MSDN文檔推薦的語法:
【深入理解指定IE瀏覽器渲染方式】meta http-equiv=X-UA-Compatible content=IE=7;IE=9 /
但是,以上兼容IE7/IE9的語法方式,會在IE8里會導致BUG,發現在IE8下并沒有以IE7的文檔模式來渲染頁面 。
正確的語法規則:
1.定義多種文檔模式時,使用逗號(,),而非文檔中提到的分號(;)。
補充:
1.X-UA-Compatible是針對ie8新加的一個設置,對于ie8之外的瀏覽器是不識別的,這個區別與 content=IE=7在無論頁面是否包含!DOCTYPE指令,都像是使用了 Windows Internet Explorer 7的標準模式 。而content=IE=EmulateIE7模式遵循!DOCTYPE指令 。對于多數網站來說,它是首選的兼容性模 式 。
2.X-UA-Compatible 是針對 IE8 版本的一個特殊文件頭標記,用于為 IE8 指定不同的頁面渲染模式 。由于當下 IE6 和 IE7 使用率依然較高 , 綜合考慮,啟用 IE8 版本的 X-UA-Compatible 兼容模式顯得相當重要 。
各種兼容模式代碼示例如下:
meta http-equiv=X-UA-Compatible content=IE=5 /
像是使用了 Windows Internet Explorer 7 的 Quirks 模式 , 這與 Windows Internet Explorer 5 顯示內容的方式很相似 。
meta http-equiv=X-UA-Compatible content=IE=7 /
無論頁面是否包含 !DOCTYPE 指令,均使用 Windows Internet Explorer 7 的標準渲染模式 。
meta http-equiv=X-UA-Compatible content=IE=8 /
開啟 IE8 的標準渲染模式,但由于本身 X-UA-Compatible 文件頭僅支持 IE8 以上版本,因此等同于冗余代碼 。
meta http-equiv=X-UA-Compatible content=edge /
Edge 模式通知 Windows Internet Explorer 以最高級別的可用模式顯示內容,這實際上破壞了鎖定模式 。
meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /
EmulateIE7 模式通知 Windows Internet Explorer 使用 !DOCTYPE 指令確定如何呈現內容 。標準模式指令以Windows Internet Explorer 7 標準模式顯示,而 Quirks 模式指令以 IE5 模式顯示 。與 IE7 模式不同,EmulateIE7 模式遵循 !DOCTYPE 指令 。對于多數網站來說,它是首選的兼容性模式 。
IE設置瀏覽器渲染方式的方法就是以上內容了,有需要的小伙伴自己拿去用吧 。

相關經驗推薦