响应式网页设计适用于台式机，但不适用于移动设备
响应式网页设计适用于台式机，但不适用于移动设备
提问于 2013-01-13 22:35:57
我有一个网站，必须是移动电话的反应。我已经用我的桌面创建了它。当我调整浏览器窗口时，它完全适用于手机，但当我在我真正的手机三星Galaxy S2上检查时，它对手机视图没有响应。
会出什么问题呢？
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-01-29 15:28:21
您可能缺少html头中的viewport meta标记：
<meta name="viewport" content="width=device-width, initial-scale=1">如果没有它，设备将假定并将视口设置为全尺寸。
更多信息here。
Stack Overflow用户
发布于 2017-08-20 14:35:25
我也遇到过这个问题。最后我得到了一个解决方案。使用下面的代码。希望:问题会得到解决。
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
Stack Overflow用户
发布于 2019-01-25 04:54:09
尽管上面已经回答了这个问题，并且使用它是正确的
<meta name="viewport" content="width=device-width, initial-scale=1">但是，如果您使用的是React和webpack，那么不要忘了结束元素标记
<meta name="viewport" content="width=device-width, initial-scale=1" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14304494
复制相关文章
相似问题
腾讯云开发者
