1

以下网页在桌面上正确显示，但我不知道为什么它不能在 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

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

我也尝试过仅屏幕/非屏幕对，但仍然无法正常工作。

谢谢！

4

1 回答 1

0

尝试以视口大小为目标

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

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

于 2013-03-13T08:39:01.660 回答