小叮当告诉你各个手机浏览器对CSS3的支援度

2025-04-12 214

今天在瘾科技里面看到下面这一篇蛮有趣的测试：

上面的图是日本神人用 CSS3 画的。四种浏览里面 Chrome
的支援度最好，不仅圆角、阴影正常，眼睛也会动。Firefox 3.6 只有眼睛不会动，Opera 则是少了阴影，IE8则是丑到爆XD。

这个试验让我也燃起好奇心在智能手机中的表现是怎样？所以我用手上所有智能手机拿来也跑这个测试，结果如下：
1.iPhone Safari：

▲眼睛、头部与阴影都正常，眼珠也会动，看起来是70％正常。

2.iPhone Opera Mini：

▲…..跟IE8一样，也跟桌机版的有差距。

3.Android Chrome浏览器

▲跟iPhone版Safari浏览器几乎一样(因为都是Webkit架构的浏览器)。

4.Windows Mobile Opera Mobile 9.7：

▲…..也是跟iPhone版的Opera mini一样。

不知道这个画面在大家的手机浏览器里面呈现的效果长的怎样呢？看起来在手机上的浏览器上面Webkit的CSS3支援度还是最好的。
有机会大家也可以去这个日本神人的网站测试看看喔！

2018-02-01 03:44:00