如题,呼唤各位M8, iPhone, HTC Android的机友帮忙测试下这个网页: @Media Rules Test

测试的目的很简单,检查下各主流移动平台下浏览器对CSS3 @Media Rules的支持情况。我主要测试的是对device-width, orientation的属性支持,凡是支持该属性的都会以绿色背景显示。大家或者截屏告诉我结果,或者有经验的直接告诉我你的移动设备浏览器是否支持device-width, orientation这两个属性就行了。

从我目前用Nokia E71下Opera Mini测试的结果来看,Opera Mini支持device-width属性,但不支持orientation,考虑到M8 OEM的是Opera浏览器,所以估计在M8下的情况也差不多。测试iPhone Safari和Android Chrome Lite是因为,这两个浏览器都支持横屏模式(landscape)。

Anyway,强烈感谢大家的参与。

17 Reponses So Far ↓

  1. G1
    横屏前两个是绿的
    非横屏第一个是绿的

  2. iPhone(3.0)、Android 模拟器(1.5)、Palm Pre 模拟器,三部系统上的表现一致,只有 max-device-width:480px 通过;

    Leopard 上的 Safari 4.0.3,只有 orientation:landscape 通过。

  3. @ leafduo: 看来Android Chrome Lite和iPhone Safari都不支持orientation:landscape/portrait

    @ lushnis: 请问有直接测试iPhone Safari的横屏模式吗? 应该最起码device-width:480px是有效的。

    Desktop Safari如果把窗口宽度改成小于高度的话应该能激活portrait(firefox 3.5下测试通过)。

  4. hermy:

    哎呀,还挺荣幸的小8给你挪到第一位来了,不过我这wifi最近抽筋连不上所以暂不志愿。。。
    不过横屏小8也可以啊

  5. 甭告诉我你居然不开通GPRS, 大屏幕智能手机不拿来上网太浪费了。

    我现在80%的上网时间都是手机搞定。

  6. carlos:

    居然有浮雕效果。
    其实我是来问blogbus的PDK模板有没有WP版本的。个人蛮喜欢那块简单的板子。冒昧了冒昧了。呵呵。

  7. 暂时是不会移植到WP系统上的,不过代码都是公开的,而且模板的PSD文件也提供了,鼓励你自行移植,folk。

  8. 我昨天试着弄了会儿……无奈水平有限。所以就只是用了你的一张图片(在其他板子的基础上)倒也还是蛮不错的。
    恩……所以我用了那张图片作为底图了。希望不要介意。

    我本来是想如果不是很费劲的话倒是乐意花50左右付费移植一个。后来想想还是算了,这也是挺麻烦的一件事情。不过我在大巴的博客依然用着PDK这块板子,挺喜欢的。呵呵

  9. 不介意你使用那张图片, 我也是在网上找到后简单PS一下而已。

  10. hermy:

    我天天在家守着包年电脑我开gprs干啥呢。。。省省吧我还是,等到学校说不定教学楼有覆盖呢

    刚看到muse新专的box要600大洋,真tnnd抢钱,不过里面有个usb还真tmd posh

  11. 手机上网方便啊, 车上, 厕上, 床上皆可, nomadism!

    Muse新砖封面不错, 有下载了告我声。还是RH好,现在只release single了,不用去买碟。

  12. hermy:

    那种时刻我选择看电子书,小8看书真不是一般的爽,我大部分雅思资料都是通过小8看的,字典又超牛,我连中英文wiki都放进去了~

    你认为封面不错???jesus christ。。。现在放了两首歌,uprising还行。怎么rh只放single了,这话不是Bellamy放的么

  13. 我现在更觊觎Blackberry这种砖头机了,实用耐用! 触摸屏打字好受虐啊。

    单曲不下,等整张出了我再听。

  14. hermy:

    我被网友逼着拖去下了你不知道么,否则我都不知道有leak – –

    触屏用点讯输入法的9格打字就跟键盘一样,而且更爽

    整张大概9月多就该了

  15. hermy:

    既然帮了你一个业务就顺便再看看这儿,不出我所料,小8无论内置opera还是ucweb无论横竖屏都是全红一片……

  16. 难怪M8的Opera会被魅友批, 太原始了

  17. hermy:

    我还以为opera都一样呢。。。

Leave a Reply ↓