移动端设置文字line-height与height后高度不一致的问题

    font-size: 0.12rem;
    line-height: 0.15rem;
    height: 0.30rem;

对一段文字设置如上CSS,在android手机发现实际上文字能显示两行多一点,第三行显示了一点点,请问如何解?

阅读 13.8k
2 个回答

目测一下,你这个应该是在UC浏览器,chrome浏览器没有这种情况,导致这个bug的原因是:UC为了优化移动用户体验将字体大小会放大到16px,我估计你的htmlfont-size应该是100px,那么你最终的font-size是12px,在UC会变成16px,所以就导致了你的bug了。
解决方法是,在head里面增加一个meta标签如下:

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题