移动端设置文字line-height与height后高度不一致的问题(摘自网络)

问题:

font-size: 0.12rem;
line-height: 0.15rem;
height: 0.30rem;
对一段文字设置如上CSS,在android手机发现实际上文字能显示两行多一点,第三行显示了一点点。

原因以及解决方案:

 导致这个bug的原因是:UC为了优化移动用户体验将字体大小会放大到16px,我估计你的htmlfont-size应该是100px,那么你最终的font-size是12px,在UC会变成16px,所以就导致bug。

   解决方法是,在head里面增加一个meta标签如下:

<meta name="wap-font-scale" content="no">
 

移动端设置文字line-height与height后高度不一致的问题(摘自网络)

上一篇:uniapp实现图片预览效果


下一篇:iOS开发-当前网络连接方式判断