twitter-bootstrap - Twitter Bootstrap 无法在手机上调整大小(很好)

标签 twitter-bootstrap responsive-design

我在两个项目上使用 Twitter Bootstrap,一个是静态 HTML 网站,另一个是 Rails 应用程序。当我在桌面浏览器上测试网站时,调整大小有效。但是当我在手机 [Nokia E72] 上测试它时,它就是不适合宽度。有趣的是当我测试 Bootstrap 主页(http://twitter.github.com/bootstrap/)时 - 它也有同样的问题..这只是我吗?我在 stackoverflow 和 Google 上进行了搜索,其他人似乎都对自己手机上的 Bootstrap 感到非常满意。

我还测试了替代框架:Foundation - 似乎效果更好,并且至少没有水平滚动。

更新:这似乎是我的诺基亚 E72 的问题。

最佳答案

Twitter 的 Bootstrap 似乎只支持桌面浏览器。

https://github.com/twitter/bootstrap/wiki/Browser-Compatibility

好的,我刚刚发现您需要为 android 调整大小添加一些内容:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

来自 http://twitter.github.com/bootstrap/scaffolding.html#responsive

关于twitter-bootstrap - Twitter Bootstrap 无法在手机上调整大小(很好),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9998370/

相关文章:

html - "One page"/"long front page"网页设计?

css - Twitter Bootstrap 2.0 中的中心导航栏

css - 媒体查询不是在移动设备上堆叠列,而是应用其他样式?

javascript - 如何选择其中包含变量的选择器? (Javascript、jQuery、DOM)

javascript - 将左侧 div 垂直居中,同时保持右侧 div 标准

html - 如何使用 CSS Grid 和自动填充/适合来限制较大视口(viewport)中的列数?

javascript - 如何将div用作网格?

jquery - Codrops - 选择灵感和 Bootstrap

javascript - Bootstrap-select 不接受 id

css - 100% 宽度的 html img,并剪裁到父元素的高度,这是不固定的