如题,呼唤各位 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,强烈感谢大家的参与。