谷歌 字体小于12， Chrome谷歌浏览器下不支持css字体小于12px的解决办法

.cart_num{ position:absolute; top:-20px; right:-6px; width:20px; height:20px;  background:#ff0000; color:#fff; text-align:center; border-radius:20px; border:2px solid #fff;}

.cart_num span{ display:block; font-size:12px; line-height:20px; -webkit-transform:scale(0.8); }

不少时候，咱们须要定义比12像素更小的字，可是google浏览器不支持。解决办法以下：

① 添加 -webkit-transform:scale(0.8);  样式； 注意这个样式会给div元素也缩放；若是只给文字定义缩放；请添加标签 span；而且给span display:block;

② 刷新看结果。