在safari中有一定数量的行高问题。
与chrome、Firefox和explorer相比,safari中的文本会向上移动3-4px。
可以为safari做些什么,以便正确地呈现所有内容。
line-height : normal不起作用。
发布于 2018-07-05 20:41:19
我在内联块元素上也遇到了同样的问题。我尝试了很多方法-调整行高,将垂直对齐预先设置为中间或底部,甚至将父元素更改为display:flex使用justify-content:center将内部元素居中。我几乎花了一整天的时间才发现问题不在CSS,甚至不是浏览器本身,而是我使用的字体和操作系统。我正在使用Helvetica Neue,当你想让你的字形在Mac上垂直居中时,它被证明是相当annoying的。同样的方法在Windows上也能正常工作。
我强烈推荐this stackoverflow帖子给那些在Mac上为字体渲染差异而苦苦挣扎的人。
干杯!
https://stackoverflow.com/questions/46377240
相似问题