2012-07-18 4 views
6

私は、Twitter Bootstrapのページが特定の機会に「google chrome fail」になっているように見えるときにGoogle Chromeのウィンドウサイズを変更してアダプティブCSSで遊んでいました。 (デスクトップコンピュータから)再現するサイズ変更時にTwitterでGoogle Chromeで「hiccup」が起動するのはなぜですか?

ステップ:

  1. スタート空白Google Chromeのタブと、フルスクリーン
  2. ログインhttp://twitter.github.com/bootstrap/
  3. が徐々にマウスを手放す、窓は狭くするすべての100ピクセル程度です。
  4. 約400px( "github on project"ボタンは白い "Download Bootstrap"ボタンの上にあり、それらは両方ともフルサイズです)で「完全にモバイル版」になるまで続けてください。
  5. もう一度ウィンドウを太くして、マウスを20ピクセルごとに移動させます。

手順4または5を実行中に奇妙な動作が発生する可能性があります - Chromeはサイズについて混乱したり、ページの垂直領域を描画するのを忘れたりします(白く描画されます)。まれに私は「ファントムサイドペイン」を手に入れました。

私は2台の異なるコンピュータで試してみた、と私はまだ(Ubuntuの12を使用して両方)

ものがあるが、同じ問題を取得し、他の応答のサイトでは、この問題を持っていません。たとえば、http://css-tricks.com/を参照してください。あなたは自分の望むサイズに変更することができます。そして、Chromeはそれが持つ複数のレイアウトをレンダリングするのに何の問題もありません(実際には、それはtwitterブートストラップよりもレイアウトが多い)。

私は、この問題がtwitter-bootstrap-specificであると結論付けることができます。おそらく、CSSのルールやHTMLコンテンツが書かれている方法や、ファイルの構造に関係するかもしれません。

私は自分のサイトのベースとしてTwitterのブートストラップを使用しています。この問題を解決したいと思います。誰にどのように進むべきかについてのアイデアはありますか?

+0

この問題はブートストラップサイトでは発生しません。私は他のウェブサイトで時々行うことを知っています。一般に、それは「より重い」ものです。陰影、不透明度、3D変形、ボーダー半径は、チャンスを増やす傾向があります。また、遅い家庭のiMacで、私のより速い仕事よりも気づきました。 – will

+0

それは本当に問題ではありません。私もそれに直面しています。 iPad、iPhone、またはiMacで自分のサイトを使用しても問題はありませんでした。 –

+0

私のマシン(Chrome/Win7)で何かがひどく間違っているかどうかわかりません。私は正確に何を探していますか?ボタンは、特定のピクセル範囲の間で完全に(全幅)リサイズされませんが、私が見ることができる唯一のものです。 – PJH

答えて

3

これがブートストラップ固有であると思われる場合、これはSOの代わりにTwitter Bootstrap Github Pagesに投稿する必要があります。しかし、私は発行チケットに参加しています。これはOPと同じブラウザビルドでChrome/OS XとChrome/Win 7の両方でエラーを再現できないと指摘した後に閉鎖されました。これは、これがBootstrapツールキットの問題ではなく、プラットフォーム固有のクロムエラーであることを示唆しています。それで、私はあなたのビルド#とOS /プラットフォームの設定を含むクロームチームとチケットを上げます。

Link to the Github Issue

+0

良いアイデア。トク! – kikito

+0

まだ問題があります。私はubuntu 12.04を使用しています。これはubuntuでのみ問題ですか?問題の画面が表示されないように、私は答えを投稿しました。 – suhailvs

関連する問題