如何忽略Chrome最小字号的限制

通过控制台调整字体大小时,可以发现即便设置了小于12px的字号,也并不会变小,这是因为Chrome默认最小字号为12px。

在Chrome设置中的外观选项卡中可以发现,默认字体是16px。将最小字号改为0,就能随意设置小于12px的字号了。

但是无法保证用户也进行了相同设置,此时可以利用缩放进行小字号的显示。

设置字体大小10px

javascript 复制代码
div{
	font-size: 20px;
	transform: scale(0.5);
}

注意:只有块级元素和行内块元素才可生效。

相关推荐
清羽_ls33 分钟前
React Hooks 核心规则&自定义 Hooks
前端·react.js·hooks
你的人类朋友39 分钟前
“签名”这个概念是非对称加密独有的吗?
前端·后端·安全
西陵1 小时前
Nx带来极致的前端开发体验——任务缓存
前端·javascript·架构
10年前端老司机2 小时前
Promise 常见面试题(持续更新中)
前端·javascript
潘小安2 小时前
跟着 AI 学 (一)- shell 脚本
前端·ci/cd·vibecoding
clownAdam3 小时前
Chrome性能优化秘籍
前端·chrome·性能优化
@Kerry~3 小时前
phpstudy .htaccess 文件内容
java·开发语言·前端
@PHARAOH5 小时前
WHAT - 前端性能指标(交互和响应性能指标)
前端·交互
噢,我明白了5 小时前
前端js 常见算法面试题目详解
前端·javascript·算法
im_AMBER5 小时前
Web 开发 30
前端·笔记·后端·学习·web