大家都知道，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>