Android 简单css媒体查询不起作用

下面的网页在桌面上显示正确，但我不明白为什么它不能在android手机上工作（文本的颜色总是蓝色）：

@媒体屏幕{主体{颜色：蓝色；}
@手持媒体{机身{颜色：红色；}
这是一个考验！

测试日期：

• 安卓：4.0.4
• 标准android web浏览器：4.0.4-S7562XXALJ4
• 铬：25.0.1364.169
• Firefox:19.0.2

在所有移动浏览器上，将网页显示为计算机屏幕的选项已被禁用。使用媒体查询的联机网页工作正常

我也试过只使用屏幕/不使用屏幕对，但仍然不起作用

---

谢谢

尝试以查看端口大小为目标

@media screen { body { color: blue; } }
@media only screen 
    and (max-width : 420px) { 
    /* Styles */
    body { color: red; }
}

---

根据您的目标设备查看端口修改“最大宽度”

谢谢，这很有效。我一直避免走这条路，因为这是一个黑客补丁：（，但它会的。

@media screen { body { color: blue; } }
@media only screen 
    and (max-width : 420px) { 
    /* Styles */
    body { color: red; }
}