私はこれを動作させようとしていますが、何とかモバイルでは動作しません。クロムツールを使用して画面サイズをオーバーライドすると、うまく動作します。私は何が間違っているのか分かりません。ブラウザで表示した背景画像がありモバイルで@mediaクエリが機能していません。 Chromeでうまく動作します

@media screen and (min-device-width : 320px) and (max-device-width : 480px) { 
      .container .backgroundImage { display: none; } 
}

enter image description here

助けてください。 SIは、携帯で見たときにその画像を削除したいと思いますが、そのは何とか動作していない... IPhone 3GのON

=============

TESTING、4、5、助けてくださいAndroid Galaxy Nexus

iPhoneのバージョンによっては、最大デバイス幅が480より広い場合があります。動作していることを確認するには、「900」か何か愚かなものを試してください。また、2つのルールセットの間に 'と'があるはずです – Andy

はい..試してみてください... –

私はテストしているデバイスがratinaディスプレイを持っていて、なぜ動作しないのでしょうか？ –

@Andyが正しい場合は、device-widthsをもう一度確認するか、いつもmin-widthを使用してすべてのデバイスの幅を知る必要はありません。

viewportタグを持っていることを確認してください（<meta name="viewport" content="width=device-width,initial-scale=1.0">など）。

2013-06-27 13:45:16

お嬢さん...あなたがロックしています....私はビューポートタグがありませんでした –

私は頭にメタタグを含めました。まだ私のために働いていない。 –

ありがとうございます:) – DannyW86

ファンタスティック - ビューポートも忘れてしまった！ FOTすべて：ただ、私はこれは古い記事ですけど、私は最近、このような問題を持っていたあなたの頭の中で

2015-09-29 07:58:53 romedius33

を

<meta name="viewport" content="width=device-width,initial-scale=1.0">

を追加します。私はメインのCSSスタイルシートからCSSのメディアクエリを削除し、代わりにhtmlスタイルのセクションにモバイル用の特定のニーズを入力して修正しました。なぜそれが働いたのか分からないが、それはした。

2016-11-28 00:22:42

モバイルで@mediaクエリが機能していません。 Chromeでうまく動作します