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>