對於老專案只支援IE7/8/9搞後臺的朋友,不用太擔心相容是前端人員搞得事兒了,我們也可以.之前也是花了近兩週的時間在網上找了各種資料,什麼最簡單的相容方法啊還是一行程式碼教你解決此類問題等等...多數還是以參考為主,目前我們相對來說比較老的一個專案,以前只支援IE9,現在想要跟新換代相容IE最新版本,相容谷歌.作為搞後臺的我一開始也是一頭霧水,慢慢的一點點除錯還是挺有用的,只要肯學相容性也不是那麼難的,接下來看看我的操作吧~~

1.首先啟動伺服器,用IE開啟需要的頁面(以login.jsp為例),按F12調到最新11版本

2.根據需要調整當前的頁面的整齊度,比如我會用到的margin-top:80px;意思就是離上邊的相對高度為80

3.新增這行程式碼:此程式碼的意思是IE=edge表示強制使用IE最新核心，chrome=1表示如果安裝了針對IE6/7/8等版本的瀏覽器外掛Google Chrome Frame（可以讓使用者的瀏覽器外觀依然是IE的選單和介面，但使用者在瀏覽網頁時，實際上使用的是Chrome瀏覽器核心），那麼就用Chrome核心來渲染。

<META content=IE=edge,chrome=1 http-equiv=X-UA-Compatible />

4.調整好寬度,如果是原本頁面應該出現的,現在因為版本問題沒有出現的,那麼你可以檢視一下你的jsp頁面是不是包含著js包含著的話,建議將所有的style.display改為style.visibility

5.最後還是得多多除錯就出來了,想提醒的是不必要在根據不同的IE版本單獨寫一個頁面了,你除錯的時候直接進入最新版本11的除錯,那麼從9以上的都預設支援了,所以還是很方便的