【发布时间】：2018-03-04 18:32:12
【问题描述】：
在 safari 中存在一定的行高问题。
与 chrome、Firefox 和 explorer 相比，safari 中的文本向上移动 3-4px。
可以为 safari 做些什么，以便正确渲染所有内容。
line-height : 正常不工作。
【问题讨论】：
【发布时间】：2018-03-04 18:32:12
【问题描述】：
我在使用 inline-block 元素时遇到了同样的问题。我尝试了很多东西 - 调整行高，将垂直对齐预先设置为中间或底部，甚至将父级更改为 display:flex 以使用 justify-content:center 居中内部元素。我花了几乎一整天的时间才发现问题不在于 CSS，甚至不是浏览器本身，而是我正在使用的字体和操作系统。当你想让你的字形在 Mac OS 上垂直居中时，我正在使用 Helvetica Neue，结果证明它相当 annoying。在 Windows 上同样可以正常工作。
我强烈推荐 thisstackoverflow 帖子给任何在 Mac 上遇到字体渲染差异问题的人。
干杯！
【讨论】：