IE9文本呈现问题-截断字母的尾部

Question

我遇到了一个问题，在IE9标准模式下，IE9以这样一种方式呈现文本，即"q，p，y“等递减字母的尾巴消失。我已经尝试玩填充和其他常见的CSS设置，以帮助解决这个问题，但我没有运气到目前为止。

谁知道这可能是什么？

Answer 1

编辑：我在博客上找到了这个。链接不再是在线的了。将其保留为here，以防它再次出现。

它就好像文本是输入中的一个节点，并且在内部元素上设置了行高，周围的元素裁剪了溢出的文本。

解决方案很简单，将行高设置为“1”(无单位)

Answer 2

您是否使用自定义字体(@ font -face)，因为我发现，有时在某些大小上使用该字体时，无论行高如何，它都会切断文本的尾部

Answer 3

我在input上使用font: inherit时遇到了这个问题。声明了我想要的实际字体(主要是Verdana)，尾部再次可见。

我还在再次导致问题的input-but上测试了line-height。

这就是我最终得到的结论：

body, button, input, select, textarea {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 100%;
}
body {
    line-height: 1.5;
}