【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;}
相关推荐
大猫会长1 分钟前
关于http状态码4xx与5xx的背锅问题
前端
喝拿铁写前端9 分钟前
AI 驱动前端开发覆盖的能力全景拆解
前端·javascript·人工智能
1024小神12 分钟前
确认了,Cloudflare的R2对象存储S3接口api不支持在web端使用
前端
不染尘.13 分钟前
应用层之WWW
服务器·javascript·css·网络·网络协议·计算机网络·html
KLW7514 分钟前
vue v-for 列表渲染指令注意
前端·javascript·vue.js
zhengxianyi51520 分钟前
vue 首屏加载优化
前端·javascript·vue.js·nginx·gzip·expires·静态文件缓存
老前端的功夫36 分钟前
TypeScript 类型守卫:从编译原理到高级模式
前端·javascript·架构·typescript
未来之窗软件服务1 小时前
幽冥大陆(七十二) 东方仙盟-在线IP归属地自己封装—东方仙盟练气期
前端·javascript·tcp/ip·仙盟创梦ide·东方仙盟·阿雪技术观
QT 小鲜肉1 小时前
【Linux命令大全】001.文件管理之mc命令(实操篇)
linux·运维·服务器·前端·笔记
土豆_potato1 小时前
AI深度思考到底开不开
前端·aigc