移动端 h5 line-height 偏离的问题

266 阅读1分钟

出现状况是line-height没法垂直居中,电脑上没问题,微信端有毛病,可把我折腾坏了,众所周知兼容问题是最麻烦的
一开始搜索解决方案,都是基于css微调,但这个一调整,本来正常的也出问题了,连flex居中都解决不了这个问题
折腾一下午,居然是下班地铁上在知乎找到问题所在,具体方案可以看https://www.zhihu.com/answer/274374076。 第二天上班验证了方案的可行性,

忽然又看了眼全局样式,忽然反应过来,好家伙原来你你这玩意导致我白折腾了一下午
移动端压根就没有黑体,个人猜测渲染的时候没有找到黑体,就直接用后面的arial,所以line-height就崩了