2014-02-20 69 views
0

我最近部署了以下应用:http://radiant-hollows-1943.herokuapp.com/引导奇怪的缩放行为

我用来引导,以确保该网站是移动第一。我在我的笔记本电脑上用铬进行了测试,方法是将窗口大小调整为一切正常的较小尺寸:导航栏折叠和列包装。

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

它看起来像引导没有检测到移动浏览器上的屏幕大小?

我用safari和chrome测试了这个

这里有什么问题?

回答

3

它看起来像你忘了你的<head>标签补充一点:

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

如果添加它应该调整手机查看。