相信大家在開發專案時,常常會遇到客戶抱怨版面跑掉或JS沒效果,
最後詢問結果原來是客戶是使用萬惡的IE,
這時我們只能建議客戶開始使用Chrome,但並不能直接強迫客戶直接捨去IE,
所以為了強制 IE 能正常的顯示,就要在<head>的部分下一點功夫:
<!-- IE7 自動判斷 相容性檢視 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> <!-- IE8 自動判斷 相容性檢視--> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> <!-- Quirks Mode --> <meta http-equiv="X-UA-Compatible" content="IE=5"/> <!-- IE7 標準模式 --> <meta http-equiv="X-UA-Compatible" content="IE=7"/> <!-- IE8 標準模式 --> <meta http-equiv="X-UA-Compatible" content="IE=8"/> <!-- IE最新的版本 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <!--如果使用者是使用IE9就IE9核心瀏覽,IE8就用IE8,以此類推--> <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />
【微軟在相容性提供三種模式】
Quirks模式: 在陳舊而極不符合網頁標準的網頁會自動套用這個模式。在此模式下,會使用舊版Internet Explorer的錯誤排版方式來排CSS。
IE7標準模式: 和IE7下的標準模式相同,不支援IE8下的CSS功能,也因此不會遇到IE8更改後的CSS問題。
IE8標準模式: 支援新CSS功能的標準模式,是IE8遇到對於支持HTML/XHTML標準的網頁時自動採用的模式。
除了以上三種模式,微軟也留下兩種自動判斷的方法。
【自動判斷模式】
EmulateIE7、EmulateIE8模式也就是目前所謂的「相容性檢視」