为什么简单引导页面在iPhone上不响应?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (24)

我下载了Twitter Bootstrap示例并使用它创建了一个简单的rails项目。我在需要的地方复制了CSS并显示正常。我还复制了js,并且我的桌面上的所有功能都很好用:当我更改浏览器的大小时,它会重新组织页面。当使用不同尺寸的“响应式设计测试工具”时,效果很好。

我的问题是在我的iPhone上:它显示在我的桌面上。

当我尝试Bootstrap Hero Example页面(这是我开始的页面)时,它对我的​​iPhone非常有用。

有什么可能出错?我几乎没有碰到任何CSS,我只是在页脚上添加了填充。

仅供参考,我改变的CSS是我将我的应用程序链接到application.css以下内容:

/* Application stylesheet */

@import url(bootstrap.css);
@import url(bootstrap-responsive.css);

/* Body */
body {
    padding-top: 60px;
    padding-bottom: 40px;   
}   

/* Footer */
footer {
    padding: 20px 0;
}
提问于
用户回答回答于

确保你添加:

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

给你<head>

用户回答回答于

这是正确的代码:

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

扫码关注云+社区

领取腾讯云代金券