相容性問題總結

2022-04-01 19:18:31 字數 998 閱讀 1289

1 transform 要加ms字首,上次紅公尺note2 不居中問題;最好-ms -webkit -ms -o 都加上

2 火狐 button裡面罩著a  a會失效,,,,,,,a裡面加button,a給鏈結,不會失效,解決。

3 ie瀏覽器的input text會自動加x用於刪除,密碼自動加眼睛。

/*清除ie自帶x和眼睛*/

::-ms-clear,::-ms-reveal

4 form 輸入框+i字型搜尋    position問題,搜尋i在ie不居中,   解決是:直接用position:relative  left:-25px

5 ie瀏覽器在ajax搜尋的時候,input輸入框獲取的值要加      encodeuricomponent(inputval)   這樣才不會亂碼。

總結:1 單行溢位

/*單行溢位*/

.one-txt-cut

2 多行溢位

/*多行溢位 手機端使用*/

.txt-cut

3改變placeholder的預設樣式

header .sousuo .form input::-webkit-input-placeholder

header .sousuo .form input::-moz-placeholder

header .sousuo .form input:-moz-placeholder

header .sousuo .form input:-ms-input-placeholder

4  禁止點選樣式

cursor: not-allowed;

5 flex-wrap  ,垂直方向space-between不起作用

webview,安卓殼子套h5頁面,在安卓4.4以前是webkit核心,以後是chromimmm,

問題1:

安卓4.4.4手機上有

相容性問題總結

以便面試被問到的時候什麼都說不出來 不過現在已經不是之前需要關注ie6那些怪異相容性問題的時代了,ie最多支援到8。除了ie8的相容性問題外,還有一些移動端的相容問題。面試中被問到的話,最好結合自己實際的經驗說一下,什麼情況下遇到的,怎麼處理的,而不是背書。當初ie8發布時,相對於ie6 7已經做出...

相容性問題總結

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

相容性問題總結

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