CSS设置PC网页字体小于12px的方法

在前端的web页面中，网页中的字体最小可设置12px，这里并不是规定的最小字体为12px，而是浏览器为了让用户对字体看得更清楚，默认最小的字体为12px。如果我们需要小于12px的字体该如何做呢？下面73so博客就给大家说一说通过缩放来定义更小字体的方法。

css设置小于12px字体的方法

CSS中有个scale属性，此属相可以用来缩放元素的大小。它可以按照设置的比例来放大或缩小元素的尺寸。通过此属性，我们可以对小于12px的字体进行设置。

例：

<style>
.p{
    font-size: 12px;
}
.p2{
    font-size: 12px;
    transform: scale(0.8); /** 实际为 12 * 0.8 */
}
</style>
<p class="p">我是12像素大小的字体</p>
<p class="p2">我是小于12像素的字体</p>

上面的代码将字体缩放到原来大小的0.8倍，达到了字体小于12px的目的。