瀏覽器相容樣式處理

2021-10-05 04:16:44 字數 579 閱讀 4977

1、不同瀏覽器不同字首樣式:

-moz- /* 火狐等使用mozilla瀏覽器引擎的瀏覽器 /

-webkit- / safari, 谷歌瀏覽器等使用webkit引擎的瀏覽器 /

-o- / opera瀏覽器(早期) /

-ms- / internet explorer (不一定) */

2、ie下相容處理如下:

\9\0相容ie9ie10

padding-left:

8px\9

; padding-left:

8px\0

;

3、ie下相容處理2:
小於:lt大於:gt

4、火狐相容樣式處理

火狐特有hack

@-moz-document url-

prefix()

例子: @-moz-document url-

prefix()

}

公共的樣式,相容各種瀏覽器

清談normalize.css normalize.css只是乙個很小的css檔案,但它在預設的html元素樣式上提供了跨瀏覽器的高度一致性。相比於傳統的css reset normalize.css是一種現代的 為html5準備的優質替代方案。normalize.css現在已經被用於twitter...

瀏覽器相容

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

瀏覽器相容

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