Firefox的默认字体大小问题

Question

我注意到Firefox下的默认字体大小选项（我没有谈到高级选项卡下的最小字体大小）的奇怪行为： 转到此页http://fr-region.xb83studio.ch/2012/lachen/并将默认字体大小为44px或更高。有人可以解释为什么第二个列表下降到第一个列表下？ 里面的文字有指定的字体大小，因此它们不会被默认的字体大小特征修改。

首先问题发生在17像素或更高的默认字体大小。我将宽度减少了3px，现在可以达到40px。但我仍不明白为什么会出现这个问题。我真的很感激一个解释。

顺便说一句，我的Windows 7专业版SP1下运行Firefox 12.0

感谢您的想法

勒

Answer 1

你有宽207px和左缘32PX每两个inline-block的元素。它们位于一个宽度为488px的容器中（宽度为573px，包含自动宽度，55px左边距和30px右边距）。在您的标记中，第一个内嵌块的</ul>与第二个内嵌块的<ul>之间有空格，因此在渲染中它们之间有一个空格，就像在由空格分隔的任何两个字符之间一样。该空间的宽度是容器字体中空格字符的宽度。

因此，第二个列表将在第一个包装下包装，一旦488px-2*(207px+32px) = 10px小于容器字体中空格字符的宽度。

如果您之前有210px宽的内联块，那么一旦空间宽度超过6px，就会发生包装;对于典型的可变宽度的西方字体，大约17px左右的字体大小听起来正确。