怎么用一行代碼解決CSS各種IE各種兼容問題
<meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"/>
X-UA-Compatible：是針對ie8新加的一個設(shè)置，對于ie8之外的瀏覽器是不識別的，這個區(qū)別與 content="IE=7"在無論頁面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7 的標(biāo)準(zhǔn)模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對于多數(shù)網(wǎng)站來說，它是首選的兼容性模式。為了避免制作出的頁面在IE8下面出現(xiàn)錯誤，建議直接將IE8使用IE7進(jìn)行渲染。也就是直接在頁面的header的meta標(biāo)簽中加入如下代碼：<meta http-equiv="X-UA-Compatible" content="IE=7" />這樣我們才能使得頁面在IE8里面表現(xiàn)正常！
IE=6/7/8.... 指定特定版本內(nèi)核
IE=edge： 默認(rèn)使用最新
這是一個，文檔兼容模式的定義。Edge 模式告訴 IE 以最高級模式渲染文檔，也就是任何 IE 版本都以當(dāng)前版本所支持的最高級標(biāo)準(zhǔn)模式渲染，避免版本升級造成的影響。簡單的說，就是什 么版本 IE 就用什么版本的標(biāo)準(zhǔn)模式渲染。
chrome=1：如果有裝chrome就使用chrome的內(nèi)核。使用以下代碼強(qiáng)制 IE 使用 Chrome Frame 渲染<meta http-equiv="X-UA-Compatible" content="chrome=1">
Google 官方提供了對 Google Frame 插件安裝情況的檢測，這里直接調(diào)用方法即可，如果檢測到 IE 并未安裝 Google Frame，則彈出對話框提示安裝。
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script><script>CFInstall.check();</script>
提示 IE 用戶安裝 Google Frame
最佳的兼容模式方案，結(jié)合考慮以上兩種：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
IE的兼容性問題 :
在早起IE8之前，那個時候IE瀏覽器還屬于比較獨(dú)大的情況，那個時候他有很多東西是和網(wǎng)絡(luò)的Standard不太一樣。譬如他有自己才看的懂得自定義Tag。作為那個時代，很多網(wǎng)站都是以那個時候的IE作為目標(biāo)瀏覽器去寫的網(wǎng)頁。
隨著時間的進(jìn)步，微軟意識到自己搞自己的是不行的，需要跟Web Standard一樣，慢慢的以前那些舊的只屬于IE有的東西就在新的IE里面沒有了。
但是為了以前瀏覽器而設(shè)計的網(wǎng)站要怎么辦？他們就處于很尷尬的局面，因為如果不支持很多舊網(wǎng)站除了會跑版以外最要命是有些功能都會有問題。
為了解決這個問題，微軟在IE8以后加入了所謂的兼容性模式，也就是能夠在舊的網(wǎng)站使用兼容性模式瀏覽，而一切正常，而到比較新的網(wǎng)站就用正常模式瀏覽。
聽起來很棒，有問題的舊網(wǎng)站使用IE 兼容模式，新網(wǎng)站使用正常模式。但是這個有一個前提，那就是使用者要知道兼容性模式的意義和如何切換。
另外還有一起其他的解決方案，
例如google的ie7 – js中是一個JavaScript庫（解決IE與W3C標(biāo)準(zhǔn)的沖突的JS庫），使微軟的Internet Explorer的行為像一個Web標(biāo)準(zhǔn)兼容的瀏覽器，支持更多的W3C標(biāo)準(zhǔn)，支持CSS2、CSS3選擇器。它修復(fù)了許多的HTML和CSS問題，并使得透明PNG在IE5、IE6下正確顯示。
使IE5,IE6兼容到IE7模式（推薦）
<!–[if lt IE 7]> <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript”></script> <![endif]–>