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

 移动端line-height问题 随笔

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

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

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

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

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄