hi,欢迎访问本站!
当前位置: 首页Web前端正文

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

墨初 Web前端 396阅读

在前端的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的目的。

标签:
声明:无特别说明,转载请标明本文来源!
相关推荐