常見的css相容性問題 持續更新!!

2021-07-25 04:13:29 字數 483 閱讀 6291

前端的相容性問題,是由於不同的瀏覽器對原始碼解析的差異性引起的,可以分為js和css兩種,在此持續記錄學到的css相容性問題。

js相容性問題

如果寫原生的js,那麼會碰到很多問題,例如我們寫ajax的時候,對於ie和非ie就要new不同的物件,要寫大量的瀏覽器嗅探**,還好我們現在有了jquery這一

神器,js相容性的問題都替我們解決了,在此就不過多記錄。

css相容性問題

對於乙個合格的前端,解決css相容問題,是非常重要的,下面記錄一些常見的css問題

1.部分瀏覽器,接img放在一起,則會有預設的間距,使用萬用字元無法解決該問題,那麼就需要用float對img進行布局

2.在ie6和ie7中,如果元素高度過小,一般在10px以內,實際高度就會大於設定高度,那麼就需要對元素設定overflow:hidden

3.有時候會遇到外層中的子層元素設定margin-top無效的情況,那麼我們需要在子層的前後加上兩個div 設定div

移動端相容性問題 持續更新

解決ios滑動不是很流暢 webkit overflow scrolling touch 滑動容器上加上該css 解決ios input框預設有一層灰色漸變 解決安卓和ios長安頁面會複製文字 moz user select none webkit user select none 把時間 2020...

CSS常見相容性問題總結

瀏覽器的相容性問題,通常是因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示不統一的情況。這裡談到的瀏覽器,主要指ie6 ie7 ie.firefox chrome opera safari 等。但更多的相容還是考慮ie6 ie7 ff之間的鬥爭 先來談談css hack 我們為了讓頁面形成統一的...

CSS常見相容性問題總結

瀏覽器的相容性問題,通常是因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示不統一的情況。這裡談到的瀏覽器,主要指ie6 ie7 ie.firefox chrome opera safari 等。但更多的相容還是考慮ie6 ie7 ff之間的鬥爭 先來談談css hack 我們為了讓頁面形成統一的...