Mobile 响应式web设计可在桌面上运行，但不能在移动设备上运行

我有一个网站，必须为手机响应。我已经用我的桌面创建了它。当我调整浏览器窗口时，它在手机上运行得非常好，但当我在我的真实手机上检查它时：三星Galaxy S2，它对手机视图没有响应

---

可能是什么问题？

您可能在html头部中缺少viewport meta标记：

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

如果没有它，设备将假定视口并将其设置为全尺寸

---

更多信息。

响应元标记

要确保所有设备的正确渲染和触摸缩放，请将响应视口元标记添加到

---

我也遇到了这个问题。最后我找到了解决办法。 使用下面的代码。希望：问题会得到解决

---

尽管上面已经给出了答案，而且使用它是正确的

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

但是如果您使用的是React和webpack，那么不要忘记关闭元素标签

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

您必须添加更多信息和代码，以帮助任何人。你的CSS、HTML等。你正在使用什么框架（如Twitter引导），如果有的话，等等。它可以在浏览器上工作，没有这一行，但在移动设备上它只需要这一行。确保产品

index.HTML

实际包括标签以及开发

index.HTML

@FilipHalas就是这样。我的production index.html正在iframe中呈现我的实际index.html。而且产品的index.html没有meta标记。在那里添加它修复了它。我做web已经有好几年了，一直都是自动做的，今天我忘了放标签，不明白为什么我的web没有显示对屏幕大小的响应查询，我在这里快速搜索得到了我的答案，哈哈哈，这件事发生了，我觉得很傻。

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