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

被折叠的 条评论
为什么被折叠?



