大家都知道,web端的字体在正常情况下,最小只能够是12px;
但是有些时候,可能需要字体小于12px
那么如何解决这个办法了
可以使用css3的缩放属性scale
如果字体的大小是10px;
那么我们将字体大小设置成20px,使用-webkit-transform: scale(0.5);
这样字体的大小就是10px了;
废话不多说 直接上代码
<style type="text/css">
.div{
font-size: 20px;
-webkit-transform: scale(0.5);
}
</style>
<div class="div" >{{cartNum}}</div>