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

标签 html css twitter-bootstrap mobile responsive-design

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

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

提前谢谢大家!

最佳答案

将此添加到您的 html 中:

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

关于html - 基于 Bootstrap 的网页在移动设备上没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25070848/

相关文章:

javascript - 如何在Bootstrap中设置默认选项卡

javascript - 外部链接无法在 jQtouch 中打开

javascript - 使用箭头键在每个 td 中导航带有输入文本的 HTML 表格

css - 修复了 Bootstrap 中的非全尺寸 header

html - 更改 Bootstrap 事件菜单项颜色

CSS 中心响应式 DIV

javascript - 如何在 JavaScript 中比较颜色?

javascript - 防止 iFrame 重定向到 src url 以外的 url

php - 使网页在网络托管域上运行所需的帮助

html - 在 HTML 文件中添加外部 CSS