我想让这个工作，但不知何故，它不在移动工作。当我使用铬工具来覆盖屏幕尺寸时，它工作正常。我不确定我做错了什么。请帮助@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中工作正常