移动端设置文字line-height与height后高度不一致的问题
font-size: 0.12rem;
line-height: 0.15rem;
height: 0.30rem;
对一段文字设置如上CSS,在android手机发现实际上文字能显示两行多一点,第三行显示了一点点,请问如何解?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
目测一下,你这个应该是在
UC
浏览器,chrome
浏览器没有这种情况,导致这个bug
的原因是:UC为了优化移动用户体验将字体大小会放大到16px,我估计你的html
的font-size
应该是100px,那么你最终的font-size
是12px,在UC会变成16px,所以就导致了你的bug了。解决方法是,在
head
里面增加一个meta
标签如下:<meta name="wap-font-scale" content="no">
可以的