瀏覽器兼容性總結(jié)

《瀏覽器兼容性總結(jié)》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、瀏覽器兼容性總結(jié)其實(shí)瀏覽器的不兼容，往往是各個瀏覽器對于一些標(biāo)準(zhǔn)的定義不一致導(dǎo)致的，因此，我們可以進(jìn)行一些初始化，很多問題都很輕松解決。下面是14條特殊情況僅供參考：1.文字本身的大小不兼容。同樣是font-size:14px的宋體文字，在不同瀏覽器下占的空間是不一樣的，ie下實(shí)際占高16px,下留白3px,ff下實(shí)際占高17px,上留白lpx,下留白3px,opera下就更不一樣了。解決方案：給文字設(shè)定line-height。確保所有文字都有默認(rèn)的line-height值。這點(diǎn)很重要,在高度上我們不能容忍lpx的差異。2.ff下容器高度限定，即容器定義了height之后，容器

2、邊框的外形就確定了，不會被內(nèi)容撐大，而ie下是會被內(nèi)容撐大，高度限定失效。所以不要輕易給容器定義heighto3?橫向上的撐破容器問題，。如果float容器未定義寬度，ff下內(nèi)容會盡可能撐開容器寬度，ie下則會優(yōu)先考慮內(nèi)容折行。故，內(nèi)容可能撐破的浮動容器需要定義widtho小實(shí)驗(yàn):有興趣犬家可以看看這段實(shí)驗(yàn)。在不同瀏覽器下分別測試以下各項(xiàng)代碼。a.b?vdivstyle二"border:lpxsolidred;width:10px,,x/div>c.

3、r:lpxsolidred;float:left,,x/div>d.v/div>上面的代碼在不同瀏覽器中是不一樣的，實(shí)驗(yàn)起源于對小height值div的運(yùn)用，