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

当我们进行编程时发现，谷歌浏览器对于12px以下的字体大小均解释为12px，而在其他浏览器中可以实现。

那么网上一直有一个方法就是给当前样式添加谷歌私有属性：-webkit-text-size-adjust:none;

可是我进行验证后发现，在谷歌现在的新版本里已经无效。那么我们应该如何设置谷歌下的字体呢？

这个属性前给-webkit-谷歌前缀，那么就可以控制字体的大小，代码如下：

<style>

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

/*这里的数字0.8，是缩放比例，可以根据情况变化。*/

</style>
<p>中梦测试10px</p>

测试效果如下图

但是这个方法有一个局限性，就是它不适用于行内元素，如果想给行内元素设置，那么可以将行内元素设置为：inline-block或者blcok就可以了。