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

瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同

問題癥狀：隨便寫幾個(gè)標(biāo)簽，不加樣式控制的情況下，各自的margin 和padding差異較大。

碰到頻率：100%

解決方案：CSS里 *

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

瀏覽器兼容問題二：塊屬性標(biāo)簽float后，又有橫行的margin情況下，在IE6顯示margin比設(shè)置的大

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

碰到頻率：90%（稍微復(fù)雜點(diǎn)的頁面都會(huì)碰到，float布局最常見的瀏覽器兼容問題）

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

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

猜你喜歡：

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

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

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

HTML從瀏覽器地址欄輸入U(xiǎn)RL到顯示頁面的步驟

黑馬程序員HTML前端培訓(xùn)班培訓(xùn)