我最近建立了一个响应"带 bootstrap 的网页。奇怪的是,当我在计算机上检查不同的分辨率时,我可以看到该页面是真正的响应。当我在手机上查看文字很小时,导航菜单没有更改为其响应模式。当我将浏览器窗口最小化到手机的分辨率时,它可以完美地工作。 (顺便说一句,我在我的Gallaxy S3和WP8上查看过,我很确定问题出在所有移动设备上)。我来了一个名为 viewport 的东西,但很难理解如何使用它。
有人可以帮忙解决这个问题吗?我该如何解决?
提前谢谢大家!
答案 0 :(得分:2)
将此添加到您的html:
<head>
...
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>