我最近使用 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/