1

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

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

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

在 IE 中:

在此处输入图像描述

在火狐中:

在此处输入图像描述

4

1 回答 1

0

如果我没记错的话,我也在 Gxt Gwt 演示站点中看到了相同的不兼容问题。

我没有 IE7,但在 IE7 兼容模式下设置的 FF 和 IE8 之间没有区别。

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

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

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

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

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

于 2012-09-05T17:58:25.133 回答