移动端文字垂直居中问题
现象:
在某些手机上,height 和 line-height 设置相同时,文字不垂直居中,文字会偏上一点,height 越小时越明显。尝试多种方法无果,有人说是字体问题,参考其他 UI 框架,也存在此问题。
解决方法:
line-height的兼容问题不太好解决,容器高度越小,显示效果的差距越明显。稍微大一点的高度,最好把line-height设置为高度+1px,两个平台显示都还不错。
简单才是最好的
现象:
在某些手机上,height 和 line-height 设置相同时,文字不垂直居中,文字会偏上一点,height 越小时越明显。尝试多种方法无果,有人说是字体问题,参考其他 UI 框架,也存在此问题。
解决方法:
line-height的兼容问题不太好解决,容器高度越小,显示效果的差距越明显。稍微大一点的高度,最好把line-height设置为高度+1px,两个平台显示都还不错。