谷歌浏览器不支持小于12px的解决方法 原

<p class="secondp"><span>字体为10号</span></p>

<p class="secondp"><span>字体为10号</span></p>

.secondp span{font-size:12px;-webkit-transform:scale(0.8333333);display:inline-block;-webkit-transform-origin-x: 0;}

主要用到

-webkit-transform:scale(0.8333333); 比例缩放成10px

-webkit-transform-origin-x: 0;  解决因比例缩放导致的位移

也可以写成：-webkit-transform-origin:left top ;

transform-origin: x-axis y-axis ;

x-axis 可能的值：left，center，right，length，%

y-axis 可能的值：top，center，bottom，length，%

(adsbygoogle = window.adsbygoogle || []).push({});