设置10px字体

方法一
由于chrome有限制，css设置的字体大小最小为12px。网上给出来的解决方案是用scale进行缩放，但这个操作没有cover到对文本的换行计算，导致文本每行文本的后面都有大部分留白。
比较ok的解决方案是

.font-size-10px{font-size:20px;zoom:0.5;
}

方法二
谷歌浏览器机制问题，默认的css字体大小最小为12px，但是设计有要求比12px更小，这种情况下怎么办？
一、font-size: 10px; transform: scale(0.83333); transform-origin: 0 0;

font-size: 12px，给文本设置字体12px，并设置缩放值为10/12=0.83333，也就是transform:scale(0.83)；
如果要设置8px，那就是8/12=0.66666；
transform-origin：0 0；默认缩放中心点是在盒子的正中心，所以如果我们需要文本左对齐，就需要改变中心点，也就是transform-origin：0 0；该值有两个参数值，第一个是水平方位值，第二个是垂直方位值，对应的如果需要右对齐、或者是有缩进，那就改变对应的参数值即可。