首頁技術文章正文

瀏覽器的兼容性問題【前端工程師面試】

更新時間:2021-07-16 來源:黑馬程序員 瀏覽量:

IT培訓班

瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補丁和內(nèi)補丁不同

問題癥狀:隨便寫幾個標簽,不加樣式控制的情況下,各自的margin 和padding差異較大。

碰到頻率:100%

解決方案:CSS里 *

備注:這個是最常見的也是最易解決的一個瀏覽器兼容性問題,幾乎所有的CSS文件開頭都會用通配符*來設置各個標簽的內(nèi)外補丁是0。

瀏覽器兼容問題二:塊屬性標簽float后,又有橫行的margin情況下,在IE6顯示margin比設置的大

問題癥狀:常見癥狀是IE6中后面的一塊被頂?shù)较乱恍?

碰到頻率:90%(稍微復雜點的頁面都會碰到,float布局最常見的瀏覽器兼容問題)

解決方案:在float的標簽樣式控制中加入 display:inline;將其轉(zhuǎn)化為行內(nèi)屬性

備注:我們最常用的就是div+CSS布局了,而div就是一個典型的塊屬性標簽,橫向布局的時候我們通常都是用div float實現(xiàn)的,橫向的間距設置如果用margin實現(xiàn),這就是一個必然會碰到的兼容性問題。



猜你喜歡:

4種瀏覽器內(nèi)核相互之間有什么區(qū)別?

web開發(fā)使用哪個瀏覽器更好

Web開發(fā)者怎樣兼顧多個版本的瀏覽器?

HTML從瀏覽器地址欄輸入URL到顯示頁面的步驟

黑馬程序員HTML前端培訓班培訓

分享到:
在線咨詢 我要報名
和我們在線交談!