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

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

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

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

设置字体大小10px

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

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

相关推荐
糟糕好吃11 分钟前
如何用一个插件让你的 Taro 项目启动快 3 倍?
前端·javascript·微信小程序
糖墨夕27 分钟前
【1】Three.js入门心得记-开发环境及准备工作
前端·three.js
前端_学习之路31 分钟前
Vue--状态管理pinia
前端·javascript·vue.js
萌萌哒草头将军33 分钟前
🔥🔥🔥MCP TypeScript SDK 初体验:挑战快速搭建一个 AI 应用!
前端·javascript·mcp
冴羽yayujs43 分钟前
SvelteKit 最新中文文档教程(19)—— 最佳实践之身份认证
前端·javascript·vue.js·react.js·前端框架·svelte·sveltekit
Dove言和1 小时前
vue-element-plus-admin的安装
前端·javascript·vue.js·element-plus
曾是惊鸿照影来1 小时前
vue2生成二维码海报,支持复制,下载
前端
观无1 小时前
vue的主要核心文件介绍
前端·javascript·vue.js
Captaincc2 小时前
谷歌版MCP来了:Agent2Agent协议,实现跨平台AI Agent互联
前端·google·mcp
Samdy_Chan2 小时前
同时支持Vue2/Vue3的图片懒加载组件(支持懒加载 v-html 指令梆定的 html 内容)
前端·vue·vue3·vue2·懒加载·图片懒加载·图像懒加载