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

前端的兼容性問題,是由於不同的瀏覽器對源碼解析的差異性引起的,可以分爲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{height:0 overflow:hidden}

發佈了26 篇原創文章 · 獲贊 0 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章