怎么让Chrome支持小于12px 的文字？

这个咱们在作移动端的时候，设计师图片上的文字假如是10px，咱们实如今网页上以后。每每设计师回来找咱们，这个字体能小一些吗？我设计的是10px？为啥是12px?其实咱们都知道，谷歌Chrome最小字体是12px，无论你设置成8px仍是10px，在浏览器中只会显示12px，那么如何解决这个坑爹的问题呢？

咱们的作法是：

针对谷歌浏览器内核，加webkit前缀，用transform:scale()这个属性进行缩放！

<style>

p span{
    font-size:10px;
    -webkit-transform:scale(0.8);
    display:block;
}

</style>