移动端line-height问题

Posted mmykdbc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端line-height问题相关的知识,希望对你有一定的参考价值。

今天在写移动端项目的时候,发现高度和行高都设置的一样,在PC和ios上均显示垂直居中,但是在android上差距很大,会出现偏上的效果,如下

技术图片

查询了许多资料发现,在Android上的行高会默认显示22px,解决这个冲突的方法:

line-height:normal; 
padding:10px 0; 

 这个padding的10px是根据自己项目算出来的,这样就可以解决。

 

以上是关于移动端line-height问题的主要内容,如果未能解决你的问题,请参考以下文章

text 移动端字体偏上问题line-height safari

移动端line-height问题

安卓移动端line-height垂直居中出现偏移的解决方法

移动端问题探索-3

移动端样式小技巧

解决移动端报错:Unable to preventDefault inside passive event listener due to target being treated as……(代码片段