为什么我的手机没有自举响应?

时间:2013-10-03 21:13:56

标签: twitter-bootstrap

我使用bootstrap创建了一个简单的站点。我发现当我减少计算机上浏览器的宽度时,它似乎响应(例如,文本框的宽度减小)。

然而,当我在手机上打开此网址时,它是页面的缩小版本。关于如何解决这个问题的任何想法?

http://warm-oasis-9302.herokuapp.com/decks/new

2 个答案:

答案 0 :(得分:7)

根据Bootstrap docs,您的网站在<head>代码中包含此内容后才会响应:

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

答案 1 :(得分:4)

<head>

中添加viewport meta tag
<meta name="viewport" content="width=device-width, initial-scale=1.0">