前言
有时候可能遇到UI设计的网页字体大小小于12px,针对这种字体大小我们如何设置呢?
text-size-adjust
: https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
scale()
: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale
内容
?> 两种方法推荐使用scale()
,兼容性比较好,另外一种大家可以点击上面的链接查看,了解下;
scale()
代码语言:javascript复制可以设置一个字体大小的,然后使用
transform: scale()
进行缩放,也可以直接使用transform: scale()
缩放;
.text {
transform: scale(0.8);
font-size: 9px;
}
.text-scale {
transform: scale(0.5);
}