移动端文字垂直居中问题

现象:
在某些手机上,height 和 line-height 设置相同时,文字不垂直居中,文字会偏上一点,height 越小时越明显。尝试多种方法无果,有人说是字体问题,参考其他 UI 框架,也存在此问题。

解决方法:
line-height的兼容问题不太好解决,容器高度越小,显示效果的差距越明显。稍微大一点的高度,最好把line-height设置为高度+1px,两个平台显示都还不错。

参考:
https://segmentfault.com/a/1190000006237977

标签: none

添加新评论