来源:https://www.jianshu.com/p/5991523a98f9
.small-font{
font-size: 12px;
-webkit-transform: scale(0.5);
}
.smallsize-font{
font-size: 6px;
}
<p class="small-font samllsize-font">这里是文本</p>
- 需要注意的是:
transform:scale()
这个属性只可以缩放可以定义宽高的元素,而行内元素是没有宽高的,我们需要加上一个display:inline-block;
属性。