chrome浏览器字体小于12px的解决方式

hrome浏览器设置的最小字号是12px，当我们需要布局的页面中有字号小于12px的文字时，就没有办法做的像设计的页面一样美观，下面介绍一种方法，解决这个问题：

width: 300px;
-webkit-transform-origin-x: 0;   //X方向上缩放的中心点
-webkit-transform: scale(0.9);   //缩放比例
transform: scale(0.9);

在使用的时候，需要注意的是这种方法需要提前计算好文字的宽度，然后按照比例进行缩放。
这里只写了chrome浏览器的兼容性，要兼容其他的浏览器把前缀加上即可。