Question

我正在使用Gwt 2.2.0和Gxt 2.2.3，当我在Fire-Fox中运行应用程序时，字体样式与IE7相比略有不同。如果我没有错，在Gxt Gwt Demo网站上也看到了相同的不兼容问题。这是Gxt问题还是我们有可能克服这个问题。请在下面找到屏幕截图。在这里我们可以很容易地观察到字体的差异。显示在＆＃39;标题＆＃39;顶部的标签。在不同的浏览器中，面板的呈现方式不同。我已将以下样式应用于此标签：

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

当我调试并检查IE和FF中的样式时，两者都是相同的。但它们呈现的方式不同。

在IE中：

enter image description here

在FireFox中：

enter image description here

Answer 1

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

我没有IE7，但我发现在IE7兼容模式下设置的FF和IE8没有区别。

关于您的问题，通常可以通过为<body>或浏览器中的父元素（或父 - 父 - ......元素）设置的不同默认字体大小和样式来解释。 / p>

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

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

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

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

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

1 个答案: