谷歌及谷歌内核的浏览器有默认的最小字体限制: 12px, 字体大小设置低于 12px 是不起作用的, 也是按照 12px 显示
解决方法:
- span {
- font-size: 10px;
- -webkit-transform-origin-x:0;
- -webkit-transform: scale(0.84);
- }
font-size 设置成想要的大小 (10px 低于 12px, 谷歌内核浏览器是不起作用的, 这里设置只是为了兼容 IE), 之后的利用 CSS3 的缩放, 最终大小是 : 0.84 * 12px = 10.08px
这样设置后, span 中的字体就会是 10px 了
-webkit-transform-origin-x:0 固定元素的位置, 在 x 轴的 0 处
-webkit-transform:scale(0.84) 按照 0.84 比例缩放文字
来源: http://www.bubuko.com/infodetail-2508054.html