Firefox 4字体大小变化。

我最近对网站进行了编码,并在所有浏览器上进行了正常测试,以确保各个浏览器之间的一致性。我已经在IE 7,IE 8,Chrome和Firefox 3.6上进行了测试。 但是,使用Firefox 4的用户向我指出,CSS的某些部分已损坏。经过仔细研究,看起来Firefox 4上的字体大小比其他任何浏览器都大得多,从而导致文本被下推并破坏了某些布局。 我设法解决了大多数问题,但是最后一个未解决的问题是,我有一个带有跨度的文本框浮动在左侧,其中较小的文本浮动在其右侧。跨度周围有边框,并与文本框的高度完全对齐。由于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;
}
    
已邀请:
        您使用的是相对字体大小(
%
em
),因此,如果用户在浏览器中指定了其他默认字体大小,则页面上的字体大小会有所不同。作为解决方案,您可以使用绝对字体大小,例如
px
。 (line-height属性的相同问题) 另一个问题可能是FF 4中的图形硬件加速(对此我还有其他问题),它对字体渲染有一定影响。     
        尝试将字体大小从em切换为像素,看看是否可以解决。如果是这样,则它是您无法控制的用户代理设置,除非使用像素值。 如果不是这样,我们将需要更多信息。您在哪个平台上运行FF4,而在FF3.6和其他平台上运行FF4?例如,由于Mac处理字体的方式,Mac上的所有内容都会看起来有所不同。     

要回复问题请先登录注册