css解決谷歌，360瀏覽器默認最小字體為12px問題

當我們設置前台html頁面樣式問題字體小於12px;時，會發現不管怎么設置小於12px字體，在谷歌、360瀏覽器上都不生效。

但在火狐等瀏覽器上卻可以正常設置，當你打開谷歌360的設置后會發現，它們設置的默認最小字體為12px，若小於12px

即不會生效（真坑，但坑有坑的解決辦法）。如圖所示：

解決辦法：

既然最小支持到12px，那么就以12px為基點進行縮放，即可以使用到 css3里的一個屬性：transform:scale(n),n為放大倍數。

具體步驟如下：

<style>
    .a{font-size:10px;-webkit-transform:scale(0.8);}/*0.8為縮放的比例大小*/
    .b{font-size:8px;}
</style>

<span class="a">
    <span class="b">我就是要比12px小</span>
</span>

 

細心的你會發現，我上面代碼中寫了兩個<span>,又對里層的<span>定義了一個class類b,並設置字體大小為想要的大小，其作用是作用於非谷歌，360瀏覽器的字體大小。

錯誤之處，還望指正！