常見瀏覽器相容性問題

2021-09-23 05:45:50 字數 901 閱讀 8686

概念:不同的瀏覽器對同一段**解析不同造成瀏覽器顯示效果不同,我們把這樣的問題叫做瀏覽器相容性問題

描述:塊元素float後,又設定了橫向的margin值,在ie6下顯示的margin值比設定的值要大,並且是2倍關係

解決方案:給float的塊元素新增display:inline;

解決方案

a) 給表單元素新增一致的vertical-align屬性值

b) 給表單元素新增一致的float屬性值

解決方案:元素

解決方案

img 或 img

解決方案min-height:100px; _height:100px;

解決方案

a) img

b) img

c) img

解決方案

元素
描述:cursor:hand;只有ie8及以下瀏覽器識別,其他瀏覽器不識別

解決方案

設定為cursor:pointer; 所有瀏覽器都識別,將滑鼠指標設定為手的形狀

描述:在ie6下,子元素百分之五十加百分之五十大於父元素設定的百分之百

解決方案: 給右邊左浮動的元素新增clear:right;

常見的瀏覽器相容性問題

1.就是ie6雙倍邊距的問題,在使用了float的情況下,不管是向左還是向右都會出現雙倍,最簡單的解決方法就是用display inline 加到 css裡面去。2.文字本身的大小不相容。同樣是font size 14px的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie下實際佔高16px,下留白3...

常見瀏覽器相容性問題總結

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

瀏覽器常見的相容性問題

1.瀏覽器相容問題一 不同瀏覽器的標籤預設的margin和padding不同。解決辦法 2.瀏覽器相容問題二 ie6雙邊距 bug,塊屬性標籤 float 後,又有橫行的 margin 情況下,在 ie6顯示 margin 比設定的大。3.瀏覽器相容問題三 設定較小高度標籤 一般小於 10px 在i...