Javascript Resposive部署的网站显示在chrome开发工具和Firefox中工作，但在实际移动设备上不在chrome中工作？

在测试了chrome开发者工具的响应能力后，我最近部署了一个网站，该工具在chrome开发者工具和Firefox手机上都能正确显示，但在chrome上却不能。 下面是它在开发人员工具中的外观。

以下是移动设备上chrome上的外观

您可以看到背景图像消失，标题图像在左侧关闭

我想这可能是因为旧版的chrome，所以我设法在新版本的chrome上看了看

因此，在这张较新的照片上，图片不再位于左侧，但背景仍然缺失

因此，当我在桌面上浏览网站，缩小到手机和Firefox上的大小，但在手机上的chrome浏览器中会出现中断时，它就起作用了

我尝试了不同版本的chrome，卸载和重新安装chrome，同时使用chrome和firefox开发工具，我还尝试寻找关于堆栈溢出的类似问题，以及最相似的说法，以确保有

我有，我甚至看到一篇帖子说要添加

maximum scale=1

，我试过了

---

由于它在开发者工具中运行良好，我一直在盲目尝试并重新部署。

您提到您正在使用Android设备。尝试这样，您就可以从桌面上的DevTools窗口检查页面在移动设备上真实呈现的情况

---

有关iOS，请参阅。不幸的是，我找不到官方文件。

我遇到了同样的问题，今天是2020-03-09。。。 在我的iPhone SE中，@media查询在chrome中似乎不起作用，但safari是可以的。

---

此外，应用程序“谷歌”也在运行，你可以从应用商店搜索它，它有一个大的“G”，有4种颜色，红色/黄色/绿色/蓝色作为它的符号。

我猜不出问题的原因，但我认为你应该将Chrome的devtools连接到实际设备上的浏览器（或者在你的电脑上使用模拟器）并调查问题，这很容易，还有很多教程。可能是@wOxxOm的副本谢谢，我的下一个想法是这样的。@user2340824我使用的是android设备。不管怎样，如果你读了这篇文章，大多数移动浏览器都禁用了实际的CSS属性，它不是Safari/iOS特有的，在桌面Chrome开发工具中也无法复制