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

前言

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

 .text {
   transform: scale(0.8);
   font-size: 9px;
 }

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