web字体小于12px的解决办法

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