我在元素上使用字体“Lucida Sans Unicode”，但遇到了问题。在IE9中，文本下方有一些空间，我不知道为什么会这样。在Chrome中，没有太多的空间。这是一个示例，您看到的边框来自IE9开发人员工具中的“单击时选择元素”功能:
这是在浏览器模式下:IE9和文档模式:IE9标准。
这是浏览器模式:IE8和文档模式:IE8:
如您所见，“p”下方的空间较小。 Chrome显示它的方式与IE8模式相同。
当我想对齐内容时，渲染上的差异导致麻烦。当在一个浏览器中没问题时，在另一浏览器中则不行。
有谁知道为什么会这样，更重要的是，如何解决呢？
预先感谢您的所有回复。
编辑:
fiddle :http://jsfiddle.net/94Tq9/.
最佳答案
我无法告诉您为什么要这样做，但是值得注意的是，这是渲染问题，而不是布局问题。换句话说，段落的行高不会受到影响，而IE认为它应该画出边框。 (抱歉，我没有检查可点击区域。)
如果如您的图像所示，可以将display:inline-block;添加到 anchor 样式中，则只要设置了line-height，IE8和IE9就会以相同的方式呈现。
我目前被放逐到IE仅存在(长话不说)，所以我不能说这是否也适用于Chrome。
关于html - 如何使 “Lucida Sans Unicode”字体在IE9和Chrome中以相同的方式呈现？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15905530/