相容性問題總結

2021-08-07 02:00:22 字數 812 閱讀 7022

以便面試被問到的時候什麼都說不出來……

不過現在已經不是之前需要關注ie6那些怪異相容性問題的時代了,ie最多支援到8。

除了ie8的相容性問題外,還有一些移動端的相容問題。

面試中被問到的話,最好結合自己實際的經驗說一下,什麼情況下遇到的,怎麼處理的,而不是背書。

當初ie8發布時,相對於ie6/7已經做出了非常大的改進,但是很多老站點僅針對ie6/7進行了優化,使用ie8渲染反而會一團糟。因此ie8加入了「相容性檢視」功能,這樣的話就可以在ie8中使用ie6或ie7的核心渲染頁面。

但是現在我們就需要使用meta標籤來強制ie8使用最新的核心渲染頁面。

content="ie=edge,chrome=1">ie=edge表示強制使用ie最新核心,chrome=1表示如果安裝了針對ie6/7/8等版本的瀏覽器外掛程式google chrome frame(可以讓使用者的瀏覽器外觀依然是ie的選單和介面,但使用者在瀏覽網頁時,實際上使用的是chrome瀏覽器核心),那麼就用chrome核心來渲染。

國內很多瀏覽器都是雙核的,如360、搜狗、qq等:

ie11及以上才支援**查詢,可以使用respond.js,這是乙個專門支援ie6-8使用**查詢語法的polyfill。

如果要在ie中使用html5的新標籤,可以使用html5shiv,或者自己建立這些元素並設定其樣式為block。

可以使用filter

參考文章

ie8+相容經驗小結

相容性問題總結

1 解決方案 img2 在ie7下的inline block沒用。解決方案 display inline block display block 3 標籤之間有空格。解決方案 浮動。如果標籤少的話就變成一行。如 a 插入 a a a 4 z index的問題,主要是在於設定父級的z index。且p...

相容性問題總結

1 transform 要加ms字首,上次紅公尺note2 不居中問題 最好 ms webkit ms o 都加上 2 火狐 button裡面罩著a a會失效,a裡面加button,a給鏈結,不會失效,解決。3 ie瀏覽器的input text會自動加x用於刪除,密碼自動加眼睛。清除ie自帶x和眼睛...

相容性問題總結

1 event相容性寫法 var ev ev window.event 2 clientwidth 相容寫法 document.documentelement.clientwidth document.body.clientwidth 3 ev.target var target ev.srcele...