FireFox中的Gwt应用程序字体不兼容问题与IE相比较

我使用Gwt 2.2.0和Gxt 2.2.3,当我在Fire-Fox中运行应用程序时,字体样式与IE7相比有点不同。 如果我没有错,也可以在Gxt Gwt Demo网站上看到相同的不兼容问题。 这是一个Gxt问题还是有可能我们可以解决这个问题。 请在下面找到屏幕截图。 在这里,我们可以轻松观察字体的差异。 “标题”面板顶部显示的标签在不同的浏览器中呈现不同。我已将以下样式应用于此标签:

font-family: Verdana, Sans-serif;
font-size: .8em;
color: #000000;
font-weight: bold;

当我调试和检查IE和FF中的样式都是一样的。 但他们渲染的方式不同。

在IE中:

在FireFox中:


如果我没有错,也可以在Gxt Gwt Demo网站上看到相同的不兼容问题。

我没有IE7,但是我发现FF和IE8在IE7兼容模式下没有区别。

关于你的问题,通常这可以通过设置<body>或父元素(或parent-parent -...元素)在浏览器中设置的不同默认字体大小和样式来解释。

简单地说,.8em - 等于“默认字体大小”乘以0.8。

尝试为<body><table>或任何您用作基本容器的任何内容显式重置默认字体大小和样式。

快速谷歌搜索给出了一个解释:http://www.guistuff.com/css/css_units.html

Ems是一个相对测量单位。 一个'Em'(1em)等于默认字体大小的大写字母“M”的高度。 在CSS中应用时,Em表示用户的默认字体大小,或者表示父元素的字体大小(如果有)。 使用Ems进行字体大小调整时,字体将根据浏览器的默认字体大小设置调整大小。

链接地址: http://www.djcxy.com/p/64403.html

上一篇: Gwt application font incompatibility issues in FireFox compare to IE

下一篇: Horizontal scroll bar in combo box in GXT