本文介绍了如何利用 CSS 的 `transform: scale` 属性突破浏览器最小字号限制，解决设计师提出的显示小于12px字号的需求。通过实例展示了 `transform: scale` 与 `transform-origin` 结合使用，实现背景不缩放而只缩放文字的效果，提供了一种解决此类问题的方法。
transform: scale 实战应用
突破浏览器显示最小字号的限制
我们都知道，浏览器对最小字号显示是有限制的，一般默认为12px。
我们来作个测试吧
<style type="text/css">
.size-2 {
font-size: 2px;
}
.size-4 {
font-size: 4px;
}
.size-6 {
font-size: 6px;
}
.size-8 {
font-size: 8px;
}
.size-10 {
font-size: 10px;
}
.size-12 {
font-size: 12px;
}
.size-14 {
font-size: 14px;
}
.size-16 {
font-size: 16px;
}
.size-18 {
font-size: 18px;
}
.size-20 {
font-size: 20px;
}
.size-
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
