chrome內核的瀏覽器爲了用戶體驗(大概),是不允許小於12px字體出現的
但是有時候業務需要(比如設置彩蛋之類),必須要10px,5px大小的字體,我們該怎麼辦呢?
解決方法:
雖然字體最小就是12px沒法改變,但是我們可以對包裹文字的標籤整體縮放啊,比如這樣:
下面是效果,可以看到整個盒子縮小爲原來的50%,這樣也算是解決問題了。但是審查元素可以發現,實際上font-size還是原來的16px,如果你非要讓font-size變成8px,那還是找找別的方法吧。
chrome內核的瀏覽器爲了用戶體驗(大概),是不允許小於12px字體出現的
但是有時候業務需要(比如設置彩蛋之類),必須要10px,5px大小的字體,我們該怎麼辦呢?
解決方法:
雖然字體最小就是12px沒法改變,但是我們可以對包裹文字的標籤整體縮放啊,比如這樣:
下面是效果,可以看到整個盒子縮小爲原來的50%,這樣也算是解決問題了。但是審查元素可以發現,實際上font-size還是原來的16px,如果你非要讓font-size變成8px,那還是找找別的方法吧。