以下网页在桌面上正确显示,但我不知道为什么它不能在 Android 手机上运行(文本颜色始终为蓝色):
<html>
<head>
<style type="text/css">
@media screen { body { color: blue; } }
@media handheld { body { color: red; } }
</style>
</head>
<body>
This is a test!
</body>
</html>
测试:
- 安卓:4.0.4
- 标准安卓网页浏览器:4.0.4-S7562XXALJ4
- 铬:25.0.1364.169
- 火狐:19.0.2
在所有移动浏览器上,在计算机屏幕上显示网页的选项已被禁用。使用媒体查询的在线网页可以正常工作。
我也尝试过仅屏幕/非屏幕对,但仍然无法正常工作。
谢谢!