CSS 瀏覽器相容性

2021-08-21 20:27:26 字數 651 閱讀 9428

1.不同瀏覽器的標籤預設的margin和padding不同: 

解決方案:所以需要有自己的格式化樣式(margin:0;padding:0;)

2.塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大:

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

3.設定較小高度標籤(一般小於10px),在ie6,ie7,遨遊中高度超出自己設定高度

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

4.行內屬性標籤,設定display:block後採用float布局,又有橫行的margin的情況,ie6間距bug

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

5.預設有間距

解決方案:使用float屬性為img布局或(border: 0 none;)

6.標籤最低高度設定min-height不相容

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

7.各種特殊樣式的相容,比如透明度、圓角、陰影等。特殊樣式每個瀏覽器的**區別很大,所以,只能現查資料通過給不同瀏覽器寫不同的**來解決。

瀏覽器相容性

瀏覽器相容性是乙個很長久的話題,之所以前端需要面對瀏覽器相容性,是因為使用者的環境有不同的平台,不同的瀏覽器。不同的廠商之間為了相互競爭,對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本,不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...

瀏覽器相容性

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

瀏覽器相容性

trident ie核心 gecko firefox 核心 webkit chrome,safari blink webkit 的分支 presto 是挪威產瀏覽器 opera 的 前任 核心,為何說是 前任 因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌大本營。移動端的瀏覽器核心主要說...