场景描述:
今天开发移动端webapp时候,用手机测试的时候发现6s手机的字体无缘无故的变大
原因:
这是webkit内核下的特性 Text Autosizer」,又称「Font Boosting」、「Font Inflation」导致的。
解决方案:
给元素设置 -webkit-text-size-adjust: none;
可禁用Text Autosizer,这个属性还能使得我们在移动端使用小于12px的字体。此属性在桌面版中无效。
今天开发移动端webapp时候,用手机测试的时候发现6s手机的字体无缘无故的变大
这是webkit内核下的特性 Text Autosizer」,又称「Font Boosting」、「Font Inflation」导致的。
给元素设置 -webkit-text-size-adjust: none;
可禁用Text Autosizer,这个属性还能使得我们在移动端使用小于12px的字体。此属性在桌面版中无效。
本文标题:webapp字体自动变大bug
本文链接:https://www.haomeiwen.com/subject/cuugvftx.html
网友评论