【已解决】浏览器无法设置小于12px的字体大小(font-size)

简介: 浏览器无法设置小于12px的字体大小(font-size)

Chrome 浏览器中,设置 font-size 小于 12px 时无效,字体不会再缩小。

临时解决方案:

.class {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
}

原理:对整个盒子进行缩放

注意:

- 对于设置为 `display:block;`/`display:inline;` 的元素不生效,需设置为 `inline-block`/`inline-flex`/`inline-table` ...
- 可能会对其他dom产生影响...

over

相关文章
|
3月前
|
Web App开发
vscode设置默认浏览器
vscode设置默认浏览器
|
4月前
|
Web App开发 前端开发 搜索推荐
Chrome 浏览器中的一个隐藏设置页面
Chrome 浏览器中的一个隐藏设置页面
109 8
|
5月前
|
Web App开发 Linux Android开发
Chrome谷歌浏览器的WeChat微信模拟器,既可以设置模拟很多型号的手机设备Mozilla
Chrome谷歌浏览器的WeChat微信模拟器,既可以设置模拟很多型号的手机设备Mozilla
|
3月前
|
Web App开发
将B站视频设置为浏览器背景,你确定不试试?
将B站视频设置为浏览器背景,你确定不试试?
35 0
|
8月前
|
Web App开发
[教程]谷歌浏览器只能安装在C盘,教大家如何设置才能装在D盘
[教程]谷歌浏览器只能安装在C盘,教大家如何设置才能装在D盘
|
4月前
|
Web App开发 测试技术
软件测试/测试开发|edge浏览器首页及新标签页设置
软件测试/测试开发|edge浏览器首页及新标签页设置
51 0
|
5月前
|
存储 JavaScript PHP
什么是cookie,如何设置在浏览器页面关闭后清除cookie
什么是cookie,如何设置在浏览器页面关闭后清除cookie
102 0
|
9月前
selenium--设置浏览器的位置和高度宽度
selenium--设置浏览器的位置和高度宽度
|
10月前
|
Web App开发 数据安全/隐私保护
如何在Mulogin浏览器中设置易路代理YiLuProxy ?
如何在Mulogin浏览器中设置易路代理YiLuProxy ?
|
10月前
|
Web App开发 编解码 前端开发
什么是浏览器内核?px、em 和 rem 的区别?new 操作符具体干了什么?
通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。

热门文章

最新文章