Twitter Bootstrap不会在手机上调整大小（well）

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

我也测试了另一个框架：基础 - 这似乎更好地工作，至少没有水平滚动。

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

来源

2012-04-03 RubyDev

在您的诺基亚E72？使用Opera Mini试用它。浏览器越受欢迎，使用bootstrap就越好。在我的Android手机上，引导程序站点和我自己的网站完美运行，并且没有水平滚动条可见。我使用了Android本机浏览器和Chrome。 – 2012-04-04 00:16:46

@IvoBosticky +1。我正在使用默认浏览器。我查看了responsinator.com上的网站，发布在下面的答案中，它看起来不错。看来这是你提到的问题。你可以发布这个答案。另外，你认为有一些方法可以支持诺基亚E72的默认浏览器。 – RubyDev 2012-04-04 01:09:10

您可以随时通过https://github.com/twitter/bootstrap/issues?state=open向Bootstrap开发人员提出问题，要求提供诺基亚浏览器支持。 – 2012-04-04 01:31:37

浏览器越受欢迎，使用bootstrap的效果越好。引用文档引导

原本只有现代浏览器记住建成，引导已发展到包括所有主流浏览器（甚至IE7！），并与引导2，平板电脑和智能手机的支持，太。

诺基亚E72本机浏览器可能不受支持，且不符合标准。您可以尝试使用Opera Mini进行测试。根据http://en.wikipedia.org/wiki/Usage_share_of_web_browsers，诺基亚浏览器在2011年的使用份额在0.3％至12％之间，趋势似乎是失去了标记份额。所以你应该用Safari，Opera和Android来测试。

来源

2012-04-04 01:29:39

也许RubyDev可以使用'$（window）.width（）;'作为解决方法 – 2013-01-17 10:26:40

我并不熟悉您的手机（或屏幕尺寸），但您可能会发现以下网站在测试您的网站时非常有帮助... http://www.responsinator.com/ - 您可能会发现您的屏幕尺寸，这可能有助于解决问题。

来源

2012-04-04 00:18:45 Gfw

对于responsinator.com为+1;该网站看起来不错。 – RubyDev 2012-04-04 01:06:24

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您使用的是什么浏览器

来源

2012-09-23 08:18:36 ubershmekel

我在我的网站上有这个，它在Sony（Xperia）中的Android（Chrome）中渲染得很好。但在Opera Mini中，诺基亚并不适合这个宽度。 – 2013-01-17 10:24:12

添加meta标签为我工作，解决了一个巨大的头痛，谢谢你！：） – Rob 2013-08-22 05:10:01

注意：十进制'initial-scale = 1.0'很重要。你不能把它放在'1'处。 – mike 2014-03-07 19:28:49

Twitter Bootstrap不会在手机上调整大小（well）

回答

相关问题