Bootstrap奇怪的缩放行为

时间:2014-02-20 13:04:00

标签: twitter-bootstrap mobile

我最近部署了以下应用:http://radiant-hollows-1943.herokuapp.com/

我使用Bootstrap来确保网站首先是移动的。我在笔记本电脑上使用chrome测试了这个,通过将窗口调整到较小的尺寸,一切正常:导航栏折叠,列包裹。

但是,当我在手机上访问该网站时,这不起作用。该网站只是缩放到手机的大小(意味着一切都变小)。导航栏不会崩溃等等......

看起来bootstrap没有在移动浏览器上检测到屏幕大小?

我用safari和chrome测试了这个

这可能是什么问题?

1 个答案:

答案 0 :(得分:3)

您似乎忘记在<head>标记中添加此内容:

<meta name="viewport" content="width=device-width, initial-scale=1">

如果你添加进行移动观看调整。