IE Compatible Meta Tag

IE每次重啟瀏覽器,會自動判斷 <DOCTYPE>
作為使用某個版本的相容性檢視 來瀏覽的依據

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

XHTML 1.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

*.在使用 <!DOCTYPE html> 時,即使是 IE10也會將其視為 IE7

可以嘗試加入 (宣告盡早使用)

  • 保持最新 <meta http-equiv="X-UA-Compatible" content="IE=edge">
  • 依序使用 <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8; IE=7" />


其他
  • IE 8相容性檢視
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
  • Display as IE 8 with or without a DOCTYPE
    <meta http-equiv="X-UA-Compatible" content="IE=8">
  • Quirks Mode (IE 5)
    <meta http-equiv="X-UA-Compatible" content="IE=5">
使用標準模式

  • <meta name="renderer" content="webkit|ie-comp|ie-stand" />
注意 IE9以下 console.log 會出現 undefined 狀況,導致 js error


*.IE 9瀏覽器,顯示網頁後直接跳IE7相容模式,檢查是否有使用
<!--[if gte IE 7]><!-->內容<!--<![endif]-->
此種寫法可能會被拿來當作IE7的依據

參考:
http://boohover.pixnet.net/blog/post/12309095-ie-%E6%A2%9D%E4%BB%B6%E5%BC%8F%E8%A8%BB%E8%A7%A3,conditional-comments-%5Bif-ie%5D



IE Compatible Meta Tag IE Compatible Meta Tag Reviewed by Wild on 3/28/2014 02:34:00 下午 Rating: 5

沒有留言:

沒有Google帳號也可發表意見唷!

技術提供:Blogger.