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）

回答

相關問題