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