基于Bootstrap的网页在移动设备上无响应

时间:2014-08-01 00:00:09

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

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

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

提前谢谢大家!

1 个答案:

答案 0 :(得分:2)

将此添加到您的html:

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