Ie - ie瀏覽器模式和文檔模式的選用 meta標簽寫法


文檔模式(document mode)是IE8引入的一個新概念。頁面的文檔模式決定了你可以使用哪個級別的CSS,可以使用JavaScript的哪些API,以及如何對待文檔類型(doctype)。

“X-UA-Compatible”主要作用是:(Meta告訴瀏覽器以什么版本的IE的兼容模式來顯示網頁);
它的值表現方式有以下三種:
5/7/8/9:以IE5/IE7/IE8/IE9標准模式渲染頁面,忽略文檔類型聲明。
Edge:以最新的文檔模式來渲染頁面(最新IE版本模式、最高級別的可用模式來顯示網頁),忽略文檔類型聲明。
EmulateIE7/EmulateIE8/EmulateIE9:如果聲明了文檔類型,則以IE7/IE8/IE9標准模式渲染頁面,否則將文檔模式設置為IE5。(Emulate模式更重視、遵循<!DOCTYPE>指令)

有以下寫法:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=7,9" />

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

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=EmulateIE9" />

為了避免制作出的頁面在IE8下面出現錯誤,建議直接將IE8使用IE7進行渲染(作為IE8的兼容方法):
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >(推薦)

<meta http-equiv="X-UA-Compatible" content="IE=7" />

實際使用:
1、ie下,居中布局在瀏覽器中呈現出 靠左布局,就檢查文檔模式否是Quirks模式,這時就需要通過其他文檔模式進行來渲染。
2、實際使用 X-UA-Compatible 的時候,可能會出現不管用的情況,其實,不能單單的只是加:meta,還需把DOCTYPE的定義去掉:<!DOCTYPE html> 。

 

水平有限,文中錯誤不妥在所難免,歡迎批評指正建議評論。文章將不定期修改完善斧正。謝謝!

 

參考文檔:

指定IE的文檔兼容模式 meta X-UA-Compatible EmulateIE7

http://camnpr.com/archives/specify-IE-document-compatibility-mode.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM