Css @媒体查询在移动设备中不起作用。在铬上可以很好地工作

我试图让它工作，但不知怎么的，它不工作在移动。当我使用chrome工具覆盖屏幕大小时，效果很好。我不确定我做错了什么。请帮忙

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

在浏览器中查看时会出现背景图像。s我想在手机中查看时删除该图像，但不知何故它无法正常工作。。请帮忙

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

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

---

在IPhone 3G、4、5、Android Galaxy Nexus上测试时，Andy是对的，请仔细检查你的

设备宽度

，或者你可以一直使用

最小宽度

，这样你就不必知道每个设备的宽度

---

不管怎样，确保你有一个

视口

标记，就像

太棒了-也忘了视口！ Fot all： 加上

---

在你的脑海中

我知道这是一篇老文章，但我最近遇到了这样一个问题。最后，我将CSS媒体查询从主CSS样式表中删除，并在html样式部分输入移动设备的特定需求，从而解决了这个问题。我不知道它为什么会工作，但它确实工作了。

根据您的iPhone版本，它的最大设备宽度可能大于480。尝试

900

或一些愚蠢的方法来确保它们工作正常。另外，两个规则集之间应该有一个

和
，不起作用。。。。有没有可能我正在测试的设备有ratina显示，这就是为什么它不工作的原因。使用em的宽度，而不是像素。我已经在头部包含了meta标记。对我来说仍然不起作用。正如@AnishNair所说，这并不能100%地解决这个问题。这个答案并不能完全解决这个问题。我认为波特对我的情况很有帮助。感谢Adam2019，您仍在使用此回复保存ppl，感谢Adamhad您在执行此操作之前尝试清除缓存了吗？css文件可能已缓存