浏览器限制最小字体为12号的解决办法


字体不变小的原因?

使用 font-size 设置小于 12px 的字体时,发现并不生效(字体不会再缩小了)。

原因是 Chrome 以及 Chromium 内核的浏览器在中文语言下最小字体只能是 12px,大部分浏览器都是如此,所以小于12px字体不会在变小,而是保持12px的大小

解决方案

使用 transform: scale() 缩放属性来实现

CSS 全选
.txt {
    transform: scale(0.5);
}

/*scale:缩放,1为原始大小。scale(x)。正数放大,负数缩小。

属性值为一个时,x/y轴同时缩放;属性值为两个值时,分别控制x、y轴的缩放。*/

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:Javascript 中通过 yield 和 promise 使异步变同步
下一篇:winform应用退出不彻底的解决办法
评论列表

发表评论

评论内容
昵称:
关联文章

浏览器限制字体12解决办法
什么是好编程字体:等宽字体
服务器安全:限制外网访问解决方案
12月日常开发小结
formsubmit()方法不能触发onsubmit事件解决方法,兼容各版本浏览器
免费可商用字体有哪些?
白象美文案
winform应用退出不彻底解决办法
RazorEngine不能使用@Html.Raw引起连锁反应以及解决办法
【gitblit复制URL】 修改URL复制方式Flash插件被浏览器禁用解决办法
VSCode无法格式化python代码py文件解决办法
.NET Core ResponseCache 浏览器缓存
【银行】联行查询
解决VUE发布后因为浏览器缓存造成页面没更新问题
debugger浏览器不会触发断点
AI聊天机器人总结,图灵、思知、爱、
YESWEB POS开发 Electron运行生成报错解决办法
探索 dotnet core 何在 Windows7 系统需要补丁原因
从一次解决Nancy参数绑定“bug”开始发布自己第一个nuget包(上篇)
(原创)WinForm中莫名其妙BUG——RichTextBox自动选择字词问题

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码