Firefoxの既定のフォントサイズの問題

Question

Firefoxのデフォルトフォントサイズオプション（詳細タブの最小フォントサイズについては言及していません）で奇妙な動作が確認されました： このページに移動http://fr-region.xb83studio.ch/2012/lachen/デフォルトのフォントサイズは44px以上です。誰かが最初のリストの下に2番目のリストがドロップする理由を説明できますか？ 内部のテキストにはフォントサイズが指定されているため、デフォルトのフォントサイズ機能では変更されません。

最初は17ピクセル以上のデフォルトのフォントサイズで問題が発生しました。私は3px幅を減らし、40pxまで動作します。しかし、私はまだこの問題がなぜ起こるのか理解していません。私は本当に説明を感謝します。

ところで、私は、Windows 7 ProfessionalのSP1の下のFirefox 12.0を実行しているあなたのアイデア

ため

おかげ

ルネ

Answer 1

あなたは幅207px、左マージン32PXそれぞれ2つのインラインブロック要素を持っています。それらは幅488ピクセル（幅573ピクセル、幅55ピクセル、余白30ピクセル）のコンテナに入っています。マークアップでは、最初のインラインブロックの</ul>と2番目のインラインブロックの<ul>の間に空白があります。したがって、空白で区切られた2つの文字の間にスペースがあります。そのスペースの幅は、コンテナのフォント内のスペース文字の幅です。

したがって、488px-2*(207px+32px) = 10pxがコンテナのフォント内の空白文字の幅より小さければ、2番目のリストは最初のリストの下に折り返されます。

以前にインラインブロックが210ピクセル幅であった場合は、スペースの幅が6ピクセルを超えるとラップが発生します。典型的な可変幅の西洋フォントの場合には、17pxフォントサイズのどこかで音が聞こえます。