我最近部署了以下应用:http://radiant-hollows-1943.herokuapp.com/
我使用Bootstrap来确保网站首先是移动的。我在笔记本电脑上使用chrome测试了这个,通过将窗口调整到较小的尺寸,一切正常:导航栏折叠,列包裹。
但是,当我在手机上访问该网站时,这不起作用。该网站只是缩放到手机的大小(意味着一切都变小)。导航栏不会崩溃等等......
看起来bootstrap没有在移动浏览器上检测到屏幕大小?
我用safari和chrome测试了这个
这可能是什么问题?
答案 0 :(得分:3)
您似乎忘记在<head>
标记中添加此内容:
<meta name="viewport" content="width=device-width, initial-scale=1">
如果你添加应进行移动观看调整。