【css-在一个元素中设置font-size和实际渲染字体大小不一致】

首先,这个不是bug,是Chromium内核提高移动端文本可读性的一个特性,叫做这个特性被称做「Text Autosizer」,又称「Font Boosting」、「Font Inflation」

解决方案:
使用-webkit-text-size-adjust 给元素设置 -webkit-text-size-adjust: none;可禁用Text Autosizer,使用小程序与移动端。此属性在桌面版中无效。

css 复制代码
html{-webkit-text-size-adjust: none;}
相关推荐
前端郭德纲9 分钟前
深入浅出ES6 Promise
前端·javascript·es6
就爱敲代码14 分钟前
ES6 运算符的扩展
前端·ecmascript·es6
王哲晓35 分钟前
第六章 Vue计算属性之computed
前端·javascript·vue.js
究极无敌暴龙战神X41 分钟前
CSS复习2
前端·javascript·css
风清扬_jd1 小时前
Chromium HTML5 新的 Input 类型week对应c++
前端·c++·html5
Ellie陈1 小时前
Java已死,大模型才是未来?
java·开发语言·前端·后端·python
想做白天梦2 小时前
双向链表(数据结构与算法)
java·前端·算法
有梦想的咕噜2 小时前
Electron 是一个用于构建跨平台桌面应用程序的开源框架
前端·javascript·electron
yqcoder2 小时前
electron 监听窗口高端变化
前端·javascript·vue.js
Python私教2 小时前
Flutter主题最佳实践
前端·javascript·flutter