webapp字体自动变大bug

2018-08-06  本文已影响0人  zackxizi

场景描述:

今天开发移动端webapp时候,用手机测试的时候发现6s手机的字体无缘无故的变大

原因:

这是webkit内核下的特性 Text Autosizer」,又称「Font Boosting」、「Font Inflation」导致的。

解决方案:

给元素设置 -webkit-text-size-adjust: none;
可禁用Text Autosizer,这个属性还能使得我们在移动端使用小于12px的字体。此属性在桌面版中无效。

参考开发移动端页面时,字体自动变大

上一篇 下一篇

猜你喜欢

热点阅读