2012-09-03 18 views
1

我使用的是Gwt 2.2.0和Gxt 2.2.3,当我在Fire-Fox中运行应用程序时,字体样式与IE7相比有点不同。如果我没有错,在Gxt Gwt Demo网站上也看到了相同的不兼容问题。这是一个Gxt问题还是有可能我们可以解决这个问题。请在下面找到屏幕截图。 在这里,我们可以很容易地观察字体的差异。这显示在“标题”面板顶部的标签在不同browsers.I不同的渲染已经应用了以下样式这个标签:FireFox中的Gwt应用程序字体不兼容问题与IE相比

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

+0

它们如何可以是*位*不同?不一样的字体?请通过编辑您的问题提供足够的信息。 –

+0

IE有不同的默认字距,有什么问题? –

+0

@EliranMalka:如何使这两种字体相似。我有办法做到这一点?或者它是一个gxt问题? – Jagadeesh

回答

0

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

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

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

简而言之,.8em - 等于“默认字体大小”乘以0.8。

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

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

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