CSS——如何使网页字体小于12px

2024-08-15 14:33:32 浏览数 (1)

前言

有时候可能遇到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()

可以设置一个字体大小的,然后使用transform: scale()进行缩放,也可以直接使用transform: scale()缩放;

代码语言:javascript复制
 .text {
   transform: scale(0.8);
   font-size: 9px;
 }

.text-scale {
   transform: scale(0.5);
 }

0 人点赞