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

摘要: -webkit-transform:scale(0.8); Chrome；字体小于12



.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 [b]display:block;[/b]

② 刷新看结果。