瀏覽器的相容

瀏覽器相容問題一：不同瀏覽器的標籤預設的外補丁和內補丁不同

問題症狀：隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。

解決方案：css裡    *

瀏覽器相容問題二：塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大

問題症狀:常見症狀是ie6中後面的一塊被頂到下一行

解決方案：在float的標籤樣式控制中加入 display:inline;將其轉化為行內屬性

瀏覽器相容問題三：設定較小高度標籤（一般小於10px），在ie6，ie7，遨遊中高度超出自己設定高度

問題症狀：ie6、7和遨遊裡這個標籤的高度不受控制，超出自己設定的高度

解決方案：給超出高度的標籤設定overflow:hidden;或者設定行高line-height 小於你設定的高度。

瀏覽器相容問題四：行內屬性標籤，設定display:block後採用float布局，又有橫行的margin的情況，ie6間距bug

問題症狀：ie6裡的間距比超過設定的間距

解決方案：在display:block;後面加入display:inline;display:table;

瀏覽器相容問題五：預設有間距

問題症狀：幾個img標籤放在一起的時候，有些瀏覽器會有預設的間距，加了問題一中提到的萬用字元也不起作用。

解決方案：使用float屬性為img布局

瀏覽器相容問題六：標籤最低高度設定min-height不相容

問題症狀：因為min-height本身就是乙個不相容的css屬性，所以設定min-height時不能很好的被各個瀏覽器相容

解決方案：如果我們要設定乙個標籤的最小高度200px，需要進行的設定為：

瀏覽器相容

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題，幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...

瀏覽器相容

1 css bug css樣式在各瀏覽器中解析不一致的情況，或者說 css樣式在瀏覽器中不能正確顯示的問題稱為 css bug.2 css hack css中，hack 是指一種相容 css在不同瀏覽器中正確顯示的技巧方法，因為它們都屬於個人對 css 的非官方的修改，或非官方的。有些人更喜歡使用 ...

瀏覽器相容

所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同一段 有不同的解析，造成頁面顯示效果不統一的情況。在大多數情況下，我們的需求是，無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統，都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...