谷歌瀏覽器不支持小於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，%