webapp字体自动变大bug
2018-08-06 本文已影响0人
zackxizi
场景描述:
今天开发移动端webapp时候,用手机测试的时候发现6s手机的字体无缘无故的变大
原因:
这是webkit内核下的特性 Text Autosizer」,又称「Font Boosting」、「Font Inflation」导致的。
解决方案:
给元素设置 -webkit-text-size-adjust: none;
可禁用Text Autosizer,这个属性还能使得我们在移动端使用小于12px的字体。此属性在桌面版中无效。