Safari 中的行高问题

Question

Safari 中存在一定的行高问题。

与 Chrome、Firefox 和 Explorer 相比，Safari 中的文本向上移动 3-4 像素。

可以为 safari 做些什么，以便一切都正确渲染。

行高：正常不起作用。

Answer 1

我对内联块元素也有同样的问题。我尝试了很多东西 - 调整行高，将垂直对齐预先设置为中间或底部，甚至将父级更改为 display:flex 以使用 justify-content:center 居中内部元素。我花了几乎一整天的时间才发现问题不是CSS，甚至不是浏览器本身，而是我正在使用的字体和操作系统。我正在使用 Helvetica Neue ，当你想让你的字形在 Mac 操作系统上垂直居中时，这会很烦人。在 Windows 上同样可以正常工作。

我强烈向那些在 Mac 上遇到字体渲染差异问题的人推荐这篇stackoverflow 帖子。

干杯!