小叮噹告訴你各個手機瀏覽器對CSS3的支援度

今天在癮科技裡面看到下面這一篇蠻有趣的測試:

上面的圖是日本神人用 CSS3 畫的。四種瀏覽裡面 Chrome
的支援度最好,不僅圓角、陰影正常,眼睛也會動。Firefox 3.6 只有眼睛不會動,Opera 則是少了陰影,IE8則是醜到爆XD。

這個試驗讓我也燃起好奇心在智慧手機中的表現是怎樣?所以我用手上所有智慧手機拿來也跑這個測試,結果如下:
1.iPhone Safari:
IMG_0511.jpg
▲眼睛、頭部與陰影都正常,眼珠也會動,看起來是70%正常。

2.iPhone Opera Mini:
IMG_0522.jpg
▲…..跟IE8一樣,也跟桌機版的有差距。

3.Android Chrome瀏覽器
device.jpg
▲跟iPhone版Safari瀏覽器幾乎一樣(因為都是Webkit架構的瀏覽器)。

4.Windows Mobile Opera Mobile 9.7:
opera.jpg
▲…..也是跟iPhone版的Opera mini一樣。

不知道這個畫面在大家的手機瀏覽器裡面呈現的效果長的怎樣呢?看起來在手機上的瀏覽器上面Webkit的CSS3支援度還是最好的。
有機會大家也可以去這個日本神人的網站測試看看喔!

引用出處

您也許會喜歡:

【隱藏好康】4G吃到飽只要$288 還可以自由配!?