1

次のWebページはデスクトップに正しく表示されますが、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>

テスト済み：

  • Android：4.0.4
  • 標準のAndroidWebブラウザー：4.0.4-S7562XXALJ4
  • Chrome：25.0.1364.169
  • Firefox：19.0.2

すべてのモバイルブラウザで、コンピュータ画面のようにWebページを表示するオプションが無効になっています。メディアクエリを使用するオンラインWebページは正しく機能します。

また、画面のみ/画面なしのペアを試しましたが、それでも機能しません。

ありがとう！

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 に答える