Firefox でのデフォルトのフォント サイズ オプションの奇妙な動作に気付きました (詳細設定タブの下の最小フォント サイズについては話していません): このページに移動http://fr-region.xb83studio.ch/2012/lachen/デフォルトのフォントサイズを 44px 以上に設定します。2番目のリストが最初のリストの下に落ちる理由を誰か説明できますか? 内部のテキストにはフォント サイズが指定されているため、デフォルトのフォント サイズ機能によって変更されることはありません。
最初は、17 ピクセル以上のデフォルトのフォント サイズで問題が発生しました。幅を 3px 縮小したところ、40px まで動作するようになりました。しかし、なぜこの問題が発生するのかはまだわかりません。説明をいただければ幸いです。
ところで、Windows 7 Professional SP1 で Firefox 12.0 を実行しています。
アイデアをありがとう
レネ
それぞれ幅 207px と左マージン 32px の 2 つの inline-block 要素があります。それらは、幅 488 ピクセル (自動幅のセクション、55 ピクセルの左マージン、および 30 ピクセルの右マージンを含む幅 573 ピクセルの div) のコンテナー内にあります。</ul>マークアップでは、最初のインライン ブロックの と2 番目のインライン ブロックの の間に空白がある<ul>ため、レンダリングでは、空白で区切られた 2 つの文字の間と同様に、それらの間にスペースがあります。そのスペースの幅は、コンテナーのフォントのスペース文字の幅です。
したがって、2 番目のリストは最初のリストの下に一度折り返されます488px-2*(207px+32px) = 10pxが、コンテナーのフォントのスペース文字の幅よりも小さくなります。
以前に幅 210px のインライン ブロックがあった場合、スペースの幅が 6px を超えると折り返しが発生します。17px 前後のフォント サイズは、典型的な可変幅の西洋のフォントに適しているように聞こえます。