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...