基于 Bootstrap 的网页在移动设备上没有响应答案

【问题标题】：Bootstrap based webpage is not responsive on mobile devices基于 Bootstrap 的网页在移动设备上没有响应
【发布时间】：2014-09-24 02:28:53
【问题描述】：

我最近使用 bootstrap 构建了一个“响应式”网页。奇怪的是，当我检查计算机上的不同分辨率时，我可以看到页面是真正响应的。当我在手机上查看时，文字很小，导航菜单没有更改为响应模式。当我将浏览器窗口最小化到手机的分辨率时，它可以完美运行。（顺便说一下，我在我的 Gallaxy S3 和 WP8 上检查过，我很确定问题出在所有移动设备上）。我遇到了一个叫做 viewport 的东西，但它很难理解如何使用它。

有人可以帮忙解决这个问题吗？我该如何解决？

提前谢谢大家！

【问题讨论】：

你好。显示。这。代码。
查看getbootstrap.com/getting-started/#template 的引导文档中的基本模板。确保您具备基础知识。
请注意，WP8 需要额外的 hack，因为 IE（不出所料）有问题：getbootstrap.com/getting-started/#support-ie10-width

标签： html css twitter-bootstrap mobile responsive-design

【解决方案1】：

将此添加到您的 html 中：

<head>
...
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

【讨论】：