移动端设置文字line-height与height后高度不一致的问题(摘自网络)
问题:
font-size: 0.12rem;
line-height: 0.15rem;
height: 0.30rem;
对一段文字设置如上CSS,在android手机发现实际上文字能显示两行多一点,第三行显示了一点点。
原因以及解决方案:
导致这个bug的原因是:UC为了优化移动用户体验将字体大小会放大到16px,我估计你的html的font-size应该是100px,那么你最终的font-size是12px,在UC会变成16px,所以就导致bug。
解决方法是,在head里面增加一个meta标签如下:
<meta name="wap-font-scale" content="no">
web前端工程师(成长Ing)希望大家多多指教。QQ:812342706

浙公网安备 33010602011771号