我有一个必须响应手机的网站。我已经使用我的桌面创建了它。当我调整浏览器窗口时，它非常适合手机，但是当我在我的真实手机上检查它时：三星 Galaxy S2 它对移动视图没有响应。
可能是什么问题？
问问题
124781 次
4 回答
334
您可能缺少 html 头中的视口元标记：
<meta name="viewport" content="width=device-width, initial-scale=1">
没有它，设备假定并将视口设置为全尺寸。
更多信息在这里。
于 2013-01-29T07:28:20.680 回答
6
我也遇到过这个问题。最后我得到了解决方案。使用下面的代码。希望：问题会得到解决。
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
于 2017-08-20T06:35:24.970 回答
3
虽然上面已经回答并且使用正确
<meta name="viewport" content="width=device-width, initial-scale=1">
但是如果你使用 React 和 webpack，那么不要忘记关闭元素标签
<meta name="viewport" content="width=device-width, initial-scale=1" />
于 2019-01-24T20:54:09.430 回答
0
响应式元标记
为确保所有设备的正确渲染和触摸缩放，请将响应式视口元标记添加到您的<head>.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
于 2016-04-12T07:45:54.597 回答