0

さまざまなプロジェクトで Twitter Bootstrap を使用しています。

以前はすべて問題ありませんでしたが、開発のために Ubuntu で Chrome を表示すると、突然 (おそらく数か月前の Chrome の更新に続いて)、すべてのレイアウト地獄が失われました。

Twitter Bootstrap グリッド システムを使用した私のレイアウトは、以前はとても素敵でした。そして、そうではなく、一番右の列がその兄弟の下に落ちました.

Twitter Bootstrap の可変レイアウトでは、2.3.2 の次のように、パーセントベースの幅が使用されます。

.row-fluid .span4 {
  width: 31.623931623931625%;
  *width: 31.570740134569924%;
}

素晴らしい！

まあ、ほとんど素晴らしいです。

Windows の Chrome、Nexus 4 および Nexus 7 では問題なくレンダリングされますが、Ubuntu の Chrome ではうまくレンダリングされません。これが Ubuntu 固有のもの (奇数サイズの書体など) であるとは思いません。Firefox では完璧なので。

12.10 の Chrome 28 でレンダリングされたグリッド レイアウトの例の 1 つを次に示します。

ここに画像の説明を入力

同じマシンの Firefox 18 でも同じです。

ここに画像の説明を入力

私は自分のサイトでこれを修正できます（そして修正しました）。しかし、Chrome の下のメインの Ubuntu マシンで表示する他の Bootstrap ベースのサイトにとっては、やや面倒です。

質問：

  • 私は怒っていますか (別名は私だけです)?
  • Bootstrap ベースのレイアウトを他の既知の世界と同じように機能させるために、調べる必要のある Chrome の設定はありますか?
4

0 に答える 0