美文网首页
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

    场景描述: 今天开发移动端webapp时候,用手机测试的时候发现6s手机的字体无缘无故的变大 原因: 这是webk...

  • iOS 运行发现,view随着屏幕的变大整体放大的问题

    前言 今天忽然接到测试那边传来的bug说,我的字体没有做适配。字体会随着屏幕变大而变大,当时可凌乱,因为我明明做了...

  • 字体变大

    最近做项目, 在iPhone6上字体明显大了好多, 后来排查原来设计标注的750的图片给成了1024的

  • 字体变大

  • IntelliJ IDEA常用配置

    【1】进入设置: 【2】设置主题: 【3】编辑区的字体变大或者变小: 【4】鼠标悬浮在代码上有提示: 【5】自动导...

  • IDEA的常用设置

    【1】进入设置: 【2】设置主题: 【3】编辑区的字体变大或者变小: 【4】鼠标悬浮在代码上有提示: 【5】自动导...

  • IDEA常用设置

    【1】进入设置: 【2】设置主题: 【3】编辑区的字体变大或者变小: 【4】鼠标悬浮在代码上有提示: 【5】自动导...

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

    前言: 工作中开发移动端页面时会有部分内容字体无故变大,自己排查代码却没有解决,后来搜索问题才发现这是webkit...

  • 基于webpack+Vue2.0搭建webapp(体验篇)

    webApp介绍 基于webpack+Vue2.0搭建webapp,结合野狗实现实时云通信,并自动构建在DaoCl...

  • 浮动效果图

    图片变大一点五倍 时间为5S 字体变大时间为2秒

网友评论

      本文标题:webapp字体自动变大bug

      本文链接:https://www.haomeiwen.com/subject/cuugvftx.html