使用css3属性设置字体大小小于12px
因为浏览器的限制,网页上的字体最下只能设置12px,因此我们要设置12px以下的字体大小,可以通过scale缩小,如图:
.fontSizeStyle12{
font-size: 12px;
}
.fontSizeStyle10{
font-size: 10px;
}
.fontSizeStyle10Scale{
font-size: 20px;
transform: scale(0.5);
transform-origin: left;
}
<div class="fontSizeStyle12">我的字体设置12px</div>
<div class="fontSizeStyle10">我的字体设置10px</div>
<div class="fontSizeStyle10Scale">我的字体设置10px</div>