Twitter Bootstrap不会在手机上调整(好)

Question

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

我还测试了替代框架:基础 - 它似乎工作得更好,至少没有水平滚动.

更新:这似乎是我的诺基亚E72上的一个问题.

Answer 1

Twitter的引导程序似乎只支持桌面浏览器.

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

Answer 2

我不熟悉你的手机(或它的屏幕尺寸),但你可能会发现以下网站非常有助于测试你的网站... http://www.responsinator.com/ - 你可能会发现你的屏幕尺寸和这可能有助于解决问题.