Safari 文本垂直对齐

Question

Safari 8 和 Chrome 44（在 Windows 上）似乎对只有文本的元素有不同的高度。我希望元素高度由文本的大小设置，似乎是这样，只是两个浏览器不同意高度。

您可以通过这些截图看到它：

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

Answer 1

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

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

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