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

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

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

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

设置字体大小10px

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

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

相关推荐
Mintopia15 分钟前
计算机图形学的奇幻之旅:第三天探索
前端·javascript·计算机图形学
Mintopia17 分钟前
Three.js 物理材质:打造 3D 世界的 “魔法皮肤”
前端·javascript·three.js
知识分享小能手40 分钟前
Typescript学习教程,从入门到精通,TypeScript 泛型与类型操作详解(二)(17)
前端·javascript·学习·typescript·jquery·前端网页学习
时间裂缝里的猫-O-1 小时前
@Pushgateway 数据自动清理
chrome·prometheus
stark张宇1 小时前
Web - Javascript 函数与DOM、BOM
前端
上海张律师1 小时前
组件截图sdk -- screenshot_hm介绍 ##三方SDK##
前端·harmonyos
lineo_1 小时前
抛弃陈旧写法,你的uniapp定义globalData的正确姿势(setup语法糖)
前端·javascript
spionbo1 小时前
Vue 结合 D3 实现可拖拽拓扑图的技术方案及具体应用实例解析
前端·javascript
GIS之路1 小时前
OpenLayers 图形交互编辑
前端
ViceBoy_1 小时前
前端混淆的概念-缓存&存储
前端·面试