所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同⼀段**有不同的解析，造成頁⾯顯示效果不統一的情況。
相容問題一：塊屬性標籤float後，⼜有橫⾏的margin情況下，在ie6顯⽰margin比設定的⼤
解決⽅案：在float的標籤樣式控制中加入 display:inline;將其轉化為⾏內屬性
相容問題二：⾏內屬性標籤，設定display:block後採用float布局，又有橫⾏的margin的情況，ie6間距bug
出現問題：ie6⾥的間距比超過設定的間距
解決方案：在display:block;後面加入display:inline;display:table;
相容問題三：⼦元素綁架父元素的margin-top
出現問題：這個問題主要出現在非ie瀏覽器中。如果子元素和⽗元素之間沒有任何內容，將⼦元素設定margin-top後，⼦
元素不會動，⽽⽗元素會因為margin-top往下移動。
解決方案：在⽗元素和子元素之間加入
。或者設定父元素的padding-top。
相容問題四：標籤最低高度設定min-height不相容
出現問題：因為min-height本身就是⼀個不相容的css屬性，所以設定min-height時不能很好的被各個瀏覽器相容
解決方案：如果我們要設定⼀個標籤的最⼩高度200px，需要進行的設定為：
備註：當內容小於乙個值（如300px）時。容器的高度為300px；
當內容⾼度⼤於這個值時，容器高度被撐高，⽽不是出現滾動條。這時候我們就會面臨這個相容性問題。
常見瀏覽器相容問題
1 針對ie5以下和 ie5 firefox 引入檔案區別 import url newstyle.css 後者可以識別，前者不能識別 2 針對ie和firefox指定裝置型別選項 import url newstyle.css screen 後者可以識別，前者不能識別 3 注釋區別 content...
常見瀏覽器相容問題
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同一段 有不同的解析，造成頁面顯示效果不統一的情況。在大多數情況下，我們的需求是，無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統，都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...
常見瀏覽器相容問題
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題，幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...