背景:
在andriod移动端页面中,发现文字不管用flex布局,还是设置line-hight文字都无法上下居中,都会偏上一点,在pc和ios页面中又没问题,让我差点怀疑人生,这么简单的居中都搞不定了?
调查:
这是andriod的一个bug,字体小于12px,或者使用rem等会出现这种情况(网友提供的资料待验证)
解决办法:
1.把字体放大
2.再用scale缩小,缩小后原来的位置莫名被保留了,导致间隙大,这时候再用位移调整下,
如下代码:
font-size:30px;
transform:scale(0.5) translateX(-30px);