更新時(shí)間:2021-07-16 來(lái)源:黑馬程序員 瀏覽量:
瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同
問(wèn)題癥狀:隨便寫幾個(gè)標(biāo)簽,不加樣式控制的情況下,各自的margin 和padding差異較大。
碰到頻率:100%
解決方案:CSS里 *
備注:這個(gè)是最常見(jiàn)的也是最易解決的一個(gè)瀏覽器兼容性問(wèn)題,幾乎所有的CSS文件開(kāi)頭都會(huì)用通配符*來(lái)設(shè)置各個(gè)標(biāo)簽的內(nèi)外補(bǔ)丁是0。
瀏覽器兼容問(wèn)題二:塊屬性標(biāo)簽float后,又有橫行的margin情況下,在IE6顯示margin比設(shè)置的大
問(wèn)題癥狀:常見(jiàn)癥狀是IE6中后面的一塊被頂?shù)较乱恍?
碰到頻率:90%(稍微復(fù)雜點(diǎn)的頁(yè)面都會(huì)碰到,float布局最常見(jiàn)的瀏覽器兼容問(wèn)題)
解決方案:在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ì)碰到的兼容性問(wèn)題。
猜你喜歡:
Web開(kāi)發(fā)者怎樣兼顧多個(gè)版本的瀏覽器?