【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;}
相关推荐
前端进阶者几秒前
electron-vite_18Less和Sass共用样式指定
前端
数字人直播3 分钟前
稳了!青否数字人分享3大精细化AI直播搭建方案!
前端·后端
江城开朗的豌豆5 分钟前
我在项目中这样处理useEffect依赖引用类型,同事直呼内行
前端·javascript·react.js
听风的码8 分钟前
Vue2封装Axios
开发语言·前端·javascript·vue.js
转转技术团队9 分钟前
前端安全防御策略
前端
掘金一周15 分钟前
被老板逼出来的“表格生成器”:一个前端的自救之路| 掘金一周 8.21
前端·人工智能·后端
cc_z21 分钟前
vue代码优化
前端·vue.js
龙在天24 分钟前
你只会console.log就Out了
前端
用户6817224572125 分钟前
h5实现点击电话进入拨打电话功能
前端
菠萝+冰1 小时前
在 React 中,父子组件之间的通信(传参和传方法)
前端·javascript·react.js