2012-04-03 4 views
4

私はTwitterのブートストラップを2つのプロジェクトで使用しています.1つは静的なHTML Webサイト、もう1つはRailsアプリケーションです。デスクトップブラウザでウェブサイトをテストすると、サイズを変更することができます。しかし、私がモバイルでテストすると(Nokia E72)、それはちょうど幅に合っていません。興味深いのは、私がブートストラップのホームページ(http://twitter.github.com/bootstrap/)をテストするときです - それは同じ問題を抱えています。これは私だけですか?私はstackoverflowとGoogleで検索し、他の誰もが携帯電話でBootstrapにかなり満足しているようです。Twitter Bootstrapが携帯電話のサイズを変更していません

私は代替フレームワークもテストしました:財団 - よりうまくいくようで、少なくとも水平スクロールはありません。

更新:これは私のノキアE72の問題であるようです。

+1

あなたはどのようなブラウザを使用しているhttp://twitter.github.com/bootstrap/scaffolding.html#responsiveからあなたのNokia E72の:

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

[OK]を、私はちょうどあなたがアンドロイドサイズ変更のために追加する必要があるものがありますが分かりましたか? Opera Miniで試してみてください。ブラウザの人気度が高いほど、ブートストラップでうまく動作します。私のAndroidの携帯電話では、ブートストラップサイトと自分のサイトは完全に動作し、水平スクロールバーは表示されません。 AndroidのネイティブブラウザとChromeの両方を使用しました。 –

+0

@IvoBosticky +1。私はデフォルトのブラウザを使用しています。私はresponsinator.com上のウェブサイトを以下のように回答しました。それはあなたから言われた問題だと思われます。これを回答として投稿できますか?また、Nokia E72のデフォルトブラウザをサポートする方法がいくつかあると思いますか? – RubyDev

+1

https://github.com/twitter/bootstrap/issues?state=openでBootstrap開発者にいつでも問題を提出して、Nokiaブラウザのサポートを依頼することができます。 –

答えて

2

ブラウザが一般的なほど、ブートストラップでうまく動作します。ブートストラップドキュメントもともと心の中で唯一の近代的なブラウザで構築された

を引用し、ブートストラップは、あまりにも、ブートストラップ2、タブレットやスマートフォンとのすべての主要なブラウザ(IE7でも!)と、をサポートするように進化してきました。

Nokia E72ネイティブブラウザはおそらくサポートされておらず、標準に準拠していません。 Opera Miniで試してみることもできます。 http://en.wikipedia.org/wiki/Usage_share_of_web_browsersによれば、Nokiaのブラウザは2011年に0.3%から12%のどこかの使用率を持ち、トレンドはマーカシェアが緩んでいるように見えます。だからあなたはSafari、Opera、Androidで本当にテストするべきです。

+0

おそらくRubyDevは回避策として '$(window).width();'を使うことができました –

5

私はあなたの携帯電話(または画面のサイズ)に精通していませんが、あなたのウェブサイトのテストに非常に役立つ次のサイトを見つけるかもしれません... http://www.responsinator.com/ - あなたはおそらくあなたの画面サイズを見つけるでしょうし、問題。

+1

+1、ウェブサイトはそれによく見えます。 – RubyDev

6

Twitterのブートストラップは、デスクトップブラウザのみをサポートしています。

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

+0

これは私のウェブサイトでこれを持っていましたが、Sony XperiaのAndroid(Chrome)で上手くレンダリングされます。しかし、このNokiaのOpera Miniでは、幅に合っていません。 –

+0

メタタグを追加してくれました。頭がおかしくなりました。ありがとうございました! :) – Rob

+0

注:小数点の 'initial-scale = 1.0'が重要です。 '1'だけで放置することはできません。 – mike

関連する問題