解决谷歌浏览器下CSS设置字体小于12px无效办法,关于如何在chrome里实现小于12px的文字。

关于如何在chrome里实现小于12px的文字。

当然文字缩小到12px以下本来就一定程度影响到可用性了,建议无视chrome的这个特性。

谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,有时我们需要字体小点,特别是在制作英文网站时,所以很蛋疼。不过还是有解决方案的。

在html或者body里添加一句谷歌浏览器专有的属性。

css 复制代码
html,
body {
    -webkit-text-size-adjust: 100%; //也可以设置为none(推荐用100%)
}

当然也可以用transform: scale(.9); 来缩小文字大小,但是容易有锯齿,而且不容易定位具体的字号像素

相关推荐
1024小神6 分钟前
css主题theme变量切换实现原理学习记录
前端·css·学习
wuhen_n8 分钟前
TypeScript工作流深度解析:从.ts到.js发生了什么?
前端·javascript·typescript
小二·23 分钟前
Python Web 开发进阶实战:时空数据引擎 —— 在 Flask + Vue 中构建实时地理围栏与轨迹分析系统
前端·python·flask
Hao_Harrision24 分钟前
50天50个小项目 (React19 + Tailwindcss V4) ✨ | TodoList(代办事项组件)
前端·typescript·react·tailwindcss·vite7
小二·25 分钟前
Python Web 开发进阶实战:可验证网络 —— 在 Flask + Vue 中实现去中心化身份(DID)与零知识证明(ZKP)认证
前端·网络·python
运筹vivo@29 分钟前
攻防世界:Web_php_include
前端·web安全·php
囊中之锥.42 分钟前
从分词到词云:基于 TF-IDF 的中文关键词提取实践
前端·tf-idf·easyui
小二·43 分钟前
Python Web 开发进阶实战:生物启发计算 —— 在 Flask + Vue 中实现蚁群优化与人工免疫系统
前端·python·flask
局外人LZ44 分钟前
Forge:web端与 Node.js 安全开发中的加密与网络通信工具集,支持哈希、对称 / 非对称加密及 TLS 实现
前端·安全·node.js
2301_8187320644 分钟前
前端一直获取不到后端的值,和数据库字段设置有关 Oracle
前端·数据库·sql·oracle