Safari文本垂直对齐

Question

Safari 8和Chrome 44（在Windows上）似乎对于仅包含文本的元素具有不同的高度。我希望元素高度可以通过文本的大小来设置，而且似乎就是这种情况，只是两个浏览器都不同意高度。

您可以通过以下屏幕截图查看：

有没有办法纠正这个问题？

Answer 1

如果没有codepen或类似的实例，很难说（我需要查看实际的CSS）;但我建议的第一件事是尝试设置line-height: 21px;以强制特定的行高。

如果这不起作用，请使用height: 21px;强制高度。您可能正在尝试在WebKit和Blink浏览器引擎之间呈现差异;或渲染OS X和Windows之间的差异（我认为实际上更有可能）。

您是否仔细检查过两种浏览器上是否使用了相同的字体？很难从截图中看出来，但看起来可能在一个浏览器上，字体是后备字体。