這兩天在調(diào)試一個(gè)網(wǎng)頁，有段html代碼在IE8兼容模式下就會(huì)顯示錯(cuò)亂，而在IE8的標(biāo)準(zhǔn)渲染模式下則顯示正常。但是很多瀏覽器比如360安全瀏覽器和搜狗瀏覽器的默認(rèn)IE內(nèi)核就是IE8的兼容模式，所以用360瀏覽器的時(shí)候就會(huì)頁面出現(xiàn)錯(cuò)亂。
那么如何禁止使用IE8兼容模式解析網(wǎng)頁呢？在IE8以上版本的瀏覽器增加了一個(gè)X-UA-Compatible 頭標(biāo)記，用于為IE8指定不同的頁面渲染模式。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
這段代碼表示開啟IE8的標(biāo)準(zhǔn)渲染模式。但是不考慮<!DOCTYPE>指令。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
這段代碼表示標(biāo)準(zhǔn)模式顯示，同時(shí)使用<!DOCTYPE>指令確定如何呈現(xiàn)內(nèi)容。一般我們首選這種兼容性模式。
所以我們?nèi)绻诰W(wǎng)頁中加上了代碼 <meta http-equiv="X-UA-Compatible" content="IE=8" /> 或者 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />，那么就設(shè)定要用IE8標(biāo)準(zhǔn)模式渲染網(wǎng)頁，而不會(huì)使用兼容的模式。
有童鞋會(huì)問，如果我的頁面只是在IE7或者IE8的兼容模式才瀏覽正常怎么辦呢？我如何設(shè)置必須在IE8的兼容模式渲染網(wǎng)頁呢？
那么就加上下面這段代碼好嘍~~~
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />