谷歌 字體小於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;

② 刷新看結果。