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

時間 2019-11-11

原文原文鏈接

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

「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" />佈局

爲了不製做出的頁面在IE8下面出現錯誤，建議直接將IE8使用IE7進行渲染（做爲IE8的兼容方法）:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >（推薦）
或
<meta http-equiv="X-UA-Compatible" content="IE=7" />ip

實際使用：
一、ie下，居中佈局在瀏覽器中呈現出靠左佈局，就檢查文檔模式否是Quirks模式，這時就須要經過其餘文檔模式進行來渲染。
二、實際使用 X-UA-Compatible 的時候，可能會出現無論用的狀況，其實，不能單單的只是加：meta，還需把DOCTYPE的定義去掉：<!DOCTYPE html> 。ci

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

參考文檔：get

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

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