IE和Chrome中粗体标记的不同效果

Question

我用粗体标记包围了文本，它在IE和Chrome中的呈现方式不同。

IE图像 - ＆gt;

Chrome图片 - ＆gt;

任何人都可以知道在这里可以做些什么吗？

由于

Answer 1

两种浏览器都有不同的渲染/布局引擎，结果很可能不同。

• IE 8使用Trident 4.0
• Chrome使用Webkit 53n。##

双方开发人员的“强烈的品味和应用经验 对如何渲染字体（以及图片和HTML等）提供不同的解释 ..）

但在大多数情况下，it does not matter;）。

More stuff here和here

Answer 2

IE和Chrome通常会以不同的方式呈现<b>标记，因为浏览器默认使用CSS以及引擎如何将其设置为修复程序以使它们接近相同的结果将是使用css。

<b id="example">Time</b>

#example {
font-weight:bold;
font-size:20px;
}

但实际上，您必须预期每个浏览器的外观会有所不同，只有您可以决定什么是可接受的差异：）

Answer 3

请尝试使用<strong>。它可能更加一致。 另外，确保每个浏览器中的字体大小相同？它是否有效地设定了？

除此之外，Chrome和IE以不同的方式呈现内容。 IE可以使用ClearType使文本更宽。

有关于在此处禁用ClearType的讨论：IE8: Disable cleartype?

Answer 4

如果没有将所有文字剪切成图像，那么你无能为力。在Web排版方面，渲染引擎，安装的字体，ClearType调整/禁用，用户首选项等都会对你不利。