Twitter bootstrap 推特引导在手机上无法(很好地)调整大小

Twitter bootstrap 推特引导在手机上无法(很好地)调整大小,twitter-bootstrap,responsive-design,Twitter Bootstrap,Responsive Design,我在两个项目中使用Twitter引导,一个是静态HTML网站,另一个是Rails应用程序。当我在桌面浏览器上测试网站时,可以调整大小。但当我在手机[Nokia E72]上测试它时,它就是不适合这个宽度。有趣的是当我测试引导程序主页时(http://twitter.github.com/bootstrap/)-它也有同样的问题。。这只是我吗?我在stackoverflow和Google上搜索过,其他人似乎对他们手机上的Bootstrap非常满意 我还测试了另一种框架:基础——它似乎工作得更好,至少

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

我还测试了另一种框架:基础——它似乎工作得更好,至少没有水平滚动。< /P>


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

我不熟悉您的手机(或它的屏幕大小),但您可能会发现以下网站在测试您的网站时非常有用…-您可能会找到您的屏幕大小,这可能有助于解决问题

浏览器越受欢迎,它就越适合引导。引用引导程序文档

Bootstrap最初只考虑了现代浏览器,现在已经发展到支持所有主流浏览器(甚至IE7!),Bootstrap 2也支持平板电脑和智能手机


诺基亚E72本机浏览器可能不受支持,也不符合标准。您可以尝试使用Opera Mini进行测试。据统计,2011年,诺基亚浏览器的使用份额在0.3%到12%之间,而且趋势似乎是它正在失去市场份额。所以你真的应该用Safari、Opera和Android进行测试。

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

好的,我刚刚发现android的大小调整需要添加一些东西:

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


您在诺基亚E72上使用的浏览器是什么?试试迷你歌剧。浏览器越受欢迎,它与引导的配合就越好。在我的Android手机上,bootstrap站点和我自己的站点工作得非常好,并且没有可见的水平滚动条。我使用了Android本机浏览器和Chrome@ivobostick+1。我使用的是默认浏览器。我查看了Responsiator.com上的网站,如下面的答案所示,它看起来很棒。这似乎是你提到的问题。你能把这个贴出来作为答案吗。另外,您是否认为有什么方法可以支持诺基亚E72的默认浏览器。在请求诺基亚浏览器支持时,您可以随时向引导程序开发人员提交问题。我还有一个诺基亚,另一个旧型号,在使用引导程序时,我在Opera Mini中也遇到同样的问题。当呈现站点时,宽度没有达到设备的最大宽度。我在我的网站上有这个,它在Sony Xperia的Android(Chrome)中呈现良好。但这款诺基亚的Opera Mini不适合宽度。添加meta标签对我来说很有效,解决了一个巨大的难题,谢谢你,伙计!:)注:十进制
初始刻度=1.0
很重要。你不能把它留在
1