admin 管理员组

文章数量: 1184232
  • 原因

首先，这个准确说不是由开发人员导致的bug,这是webkit内核移动浏览器特性导致的，这个特性被称做「Text Autosizer」，又称「Font Boosting」、「Font Inflation」，是 Webkit 给移动端浏览器提供的一个特性：当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会自动将其中的文字字体变大，保证在即不需要左右滑动屏幕，也不需要双击放大屏幕内容的前提下，也可以让人们方便的阅读页面中的文本。

  • 解决方法
    1.元素单独设置width或height或max-height；
    max-height：100%; ，因为内容显示一般不会固定高和宽。
    2.给元素设置 -webkit-text-size-adjust: none;
    可禁用Text Autosizer，这个属性还能使得我们在移动端使用小于12px的字体。此属性在桌面版中无效。
    可参考：

本文标签： 移动端开 有部分字 编程

版权声明：本文标题：移动端开发网页时，有部分字体无故变大或变小_csdn的字体怎么突然变小了 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1774207229a3569070.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。