Firefox 4字体大小变化

Question

我最近对一个网站进行了编码，并在所有浏览器上进行了正常测试，以确保浏览器之间的一致性。我已经在IE 7、IE 8、Chrome和Firefox 3.6上进行了测试。

然而，一位使用Firefox 4的用户向我指出，CSS的某些部分已经损坏。仔细查看后，Firefox4上的字体大小似乎比其他任何浏览器都略大，导致文本被向下推，并破坏了一些布局。

我已经设法解决了大多数问题，但最后一个悬而未决的问题是，我有一个向左浮动的文本框，其中有一个跨度，里面有较小的文本，浮动在它的右边。跨度周围有一个边框，与文本框的高度完全对齐。由于Firefox 4中的字体大小不同，文本框的显示深度超出了应有的深度，这意味着跨度不再排在底部。

我环顾四周，看看是否有其他人在Firefox 4显示比其他浏览器更大的文本时遇到过任何问题，但运气不佳。其他人也有同样的问题吗？我不喜欢"变通办法"——我宁愿找到一个像样的解决方案来解决这个问题——我一定在做一些奇怪的事情！

提前感谢您的帮助！

编辑正文默认所有字体大小的代码：

body 
{
    font-size: 69.5%;
    font-family: Tahoma, Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    background: #4997C4 url(/Images/main_bg.gif) repeat-x left top;
}

文本问题区域之一的代码：

.content .banner p.content_text
{
    margin: 5px 0 2px 12px;
    font-size: 1.2em;
    color: #38393C;
    width: 374px;
    line-height: 1.3em;
}

Answer 1

您使用的是相对字体大小（%、em），因此，如果用户在浏览器中指定了不同的默认字体大小，则页面上的字体大小会有所不同。作为一种解决方案，您可以使用绝对字体大小，如px。（行高属性存在相同问题）

另一个问题可能是FF 4中的图形硬件加速（我对此有一些其他问题），它对字体渲染有一些影响。

Answer 2

试着将字体大小从em切换到像素，看看是否修复了它。如果修复了，那么这是一个用户代理设置，除非使用像素值，否则无法控制。

如果没有，我们将需要更多的信息。你在哪个平台上运行FF4，与FF3.6和其他平台相比？例如，由于Mac处理字体的方式，Mac上的任何东西都会显得不同。