我想讓這個工作，但不知何故，它不在移動工作。當我使用鉻工具來覆蓋屏幕尺寸時，它工作正常。我不確定我做錯了什麼。請幫助@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，4，5， Android Galaxy Nexus

根據你的iPhone版本的不同，它的最大設備寬度可能會超過480.嘗試使用'900'或其他東西來確保它們正在工作。也應該有一個'和'之間的規則集 – 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

夥計......你搖滾......我在中丟失了視口標記 –

我已經在頭部添加了meta標記。仍然不適合我。 –

謝謝你:) – 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中工作正常