css常見相容瀏覽器問題及其他複雜問題

2021-08-30 15:09:00 字數 867 閱讀 3229

1、div元素必須閉合

ie在解析時,認為是不閉合元素。所以在html頁面中不要寫這樣的元素,而應該寫

.2、關於空的佔位符問題。

ie在解析div時,如果該div只是空的佔位符,且高度小於12px時,ie解析錯位,它預設認為是12px,解決方法是加入lineheight屬性高度等於height,同時font-size:0px;這樣在ie下才不會解析錯位.

.i-div

要在ie下相容,應該為

.i-div

3、float和margin應用問題

float和margin同時應用時,ie會解析2倍的margin導致錯位,解決方法是在父容器通過padding解決。但padding的解析也存在問題,這就是第四個問題。

4、ie和firefox解析padding問題的區別及相容

ie在解析padding的時候認為padding是在寬度裡面縮排,而firefox則認為是在寬度外邊縮排,所以下面是兩個等價的css設定。

ie下的

.i-div

等同於火狐下的:

.i-div

為了相容兩個瀏覽器,可採用如下方法:

.i-div

注意:前邊是火狐,後邊是ie,順序不能顛倒。

5、子div相對父div移位問題解決:

父窗體設定positon屬性為absolute,子窗體設定positon屬性為relative,同時設定top或bottom或left或right等偏移的畫素即可。

6、和字型對齊

常見瀏覽器相容問題

1 針對ie5以下和 ie5 firefox 引入檔案區別 import url newstyle.css 後者可以識別,前者不能識別 2 針對ie和firefox指定裝置型別選項 import url newstyle.css screen 後者可以識別,前者不能識別 3 注釋區別 content...

常見瀏覽器相容問題

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

常見瀏覽器相容問題

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