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>

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

上一篇:css实现水波纹球及放大缩小的动态效果


下一篇:layer弹窗