美文网首页
webapp字体自动变大bug

webapp字体自动变大bug

作者: zackxizi | 来源:发表于2018-08-06 17:08 被阅读0次

    场景描述:

    今天开发移动端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