问题:
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">