所謂的浏覽器兼容性問(wèn)題，是指因爲不同的浏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統一的情況。在大(dà)多數情況下，我們的需求是，無論用戶用什麽浏覽器來(lái)查看(kàn)我們的網站或者登陸我們的系統，都(dōu)應該是統一的顯示效果。所以浏覽器的兼容性問(wèn)題是前端開發人(rén)員(yuán)經常會碰到和必須要解決的問(wèn)題。蘇州網絡公司

　　在學習浏覽器兼容性之前，我想把前端開發人(rén)員(yuán)劃分爲兩類：

　　第一類是精确按照(zhào)設計(jì)圖開發的前端開發人(rén)員(yuán)，可(kě)以說(shuō)是精确到1px的，他(tā)們很容易就(jiù)會發現設計(jì)圖的不足，并且在很少的情況下會碰到浏覽器的兼容性問(wèn)題，而這些問(wèn)題往往都(dōu)死浏覽器的bug，并且他(tā)們制作(zuò)的頁面後期易維護，代碼重用問(wèn)題少，可(kě)以說(shuō)是比較牢固放(fàng)心的代碼。

　　第二類是基本按照(zhào)設計(jì)圖來(lái)開發的前端開發人(rén)員(yuán)，很多細枝末節差距很大(dà)，不如(rú)間距，行高，圖片位置等等經常會差幾px。某種效果的實現也是反複調試得(de)到，具體(tǐ)爲什麽出現這種效果還(hái)模模糊糊，整體(tǐ)布局十分脆弱。稍有改動就(jiù)亂七八糟。代碼爲什麽這麽寫還(hái)不知所以然。這類開發人(rén)員(yuán)往往經常爲兼容性問(wèn)題所困。修改好了這個浏覽器又亂了另一個浏覽器。改來(lái)改去(qù)也毫無頭緒。其實他(tā)們碰到的兼容性問(wèn)題大(dà)部分不應該歸咎于浏覽器，而是他(tā)們的技術(shù)本身(shēn)了。

　　文章(zhāng)主要針對的是第一類，嚴謹型的開發人(rén)員(yuán)，因此這裡(lǐ)主要從浏覽器解析差異的角度來(lái)分析兼容性問(wèn)題。（相(xiàng)關文章(zhāng)推薦：主流浏覽器CSS 3和HTML 5兼容清單）

　　浏覽器兼容問(wèn)題一：不同浏覽器的标簽默認的外補丁和内補丁不同

　　問(wèn)題症狀：随便寫幾個标簽，不加樣式控制的情況下，各自(zì)的margin 和padding差異較大(dà)。

　　碰到頻率:100%

　　解決方案：CSS裡(lǐ) *{margin:0;padding:0;}

　　備注：這個是較常見(jiàn)的也是較易解決的一個浏覽器兼容性問(wèn)題，幾乎所有的CSS文件(jiàn)開頭都(dōu)會用通配符*來(lái)設置各個标簽的内外補丁是0。

　　浏覽器兼容問(wèn)題二：塊屬性标簽float後，又有橫行的margin情況下，在IE6顯示margin比設置的大(dà)

　　問(wèn)題症狀:常見(jiàn)症狀是IE6中後面的一塊被頂到下一行