0

我注意到 Firefox 下默认字体大小选项的奇怪行为(我不是在谈论高级选项卡下的最小字体大小):转到此页面http://fr-region.xb83studio.ch/2012/lachen/并将默认字体大小设置为 44 像素或更高。有人可以解释为什么第二个列表低于第一个吗?里面的文本具有指定的字体大小,因此默认字体大小功能不会修改它们。

起初,默认字体大小为 17 像素或更高时出现问题。我将宽度减少了 3 像素,现在它可以达到 40 像素。但我仍然不明白为什么会出现这个问题。我真的很感激解释。

顺便说一句,我在 Windows 7 Professional SP1 下运行 Firefox 12.0

谢谢你的想法

勒内

4

1 回答 1

0

您有两个宽度为 207 像素、左边距为 32 像素的内联块元素。它们在一个宽度为 488px 的容器中(573px 宽度的 div 包含一个具有自动宽度、55px 左边距和 30px 右边距的部分)。在您的标记中,</ul>第一个内联块和<ul>第二个内联块之间有空格,因此在渲染中它们之间有一个空格,就像任何两个由空格分隔的字符之间一样。该空格的宽度是容器字体中空格字符的宽度。

因此,第二个列表将在第一个列表下方换行一次488px-2*(207px+32px) = 10px,该宽度小于容器字体中空格字符的宽度。

如果您之前的内联块宽度为 210 像素,那么一旦空间的宽度超过 6 像素,就会发生换行;对于典型的可变宽度西方字体来说,大约 17 像素的字体大小听起来很合适。

于 2012-04-30T13:51:25.927 回答