css3在不同型號手機瀏覽器上的相容一覽表

2021-09-27 03:55:19 字數 567 閱讀 4261

css3總結: 

對於webkit核心的瀏覽器, 除media、text-shadow外,使用其它屬性基本上要加上webkit字首. 

gradient在低版本的系統中渲染效果不豐富

ios3.2~4.3不支援position:fixed,不推薦使用

android2.1~2.3對動畫的支援效果不豐富

android2.1~2.3不支援translate3d,可以利用它結合media寫低端android版本的css hack

對於winphone的ie瀏覽器

ie9~11支援media、box-shadow、border-radius

ie9對動畫不支援

ie9不支援box布局

ie9不支援漸變,看具體情況可適當使用ie濾鏡

僅支援ie9的寫法:

針對低端系統,採用普通方案,並使用hack相容,針對高階系統,可以採用更豐富更炫酷的效果。

移動裝置更新換代的很快,目前各種手機的最新版本系統已經支援css3的大部分效果,相信在未來對css3的支援可以達成統一。

文章名:css3在不同型號手機瀏覽器上的相容一覽表

css3在不同型號手機瀏覽器上的相容一覽表

css3總結 對於webkit核心的瀏覽器,除media text shadow外,使用其它屬性基本上要加上webkit字首.gradient在低版本的系統中渲染效果不豐富 ios3.2 4.3不支援position fixed,不推薦使用 android2.1 2.3對動畫的支援效果不豐富 and...

CSS3適配不同瀏覽器

1 moz 代表firefox瀏覽器私有屬性 2 ms 代表ie瀏覽器私有屬性 3 webkit 代表safari chrome私有屬性 4 o 代表opera 這些是為了相容老版本的寫法,比較新版本的瀏覽器都支援直接寫 border radius。internet explorer 9 支援 bo...

CSS3 瀏覽器相容

css 3中 moz ms webkit和 o分別代表什麼意思 1 moz 代表firefox瀏覽器私有屬性 2 ms 代表ie瀏覽器私有屬性 3 webkit 代表safari chrome瀏覽器私有屬性 4 o 代表opera瀏覽器私有屬性 手機等小螢幕手持裝置 media screen and...