chrome內核瀏覽器中,css設置字體大小爲12px以下

chrome內核的瀏覽器爲了用戶體驗(大概),是不允許小於12px字體出現的

但是有時候業務需要(比如設置彩蛋之類),必須要10px,5px大小的字體,我們該怎麼辦呢?

解決方法:
雖然字體最小就是12px沒法改變,但是我們可以對包裹文字的標籤整體縮放啊,比如這樣:
在這裏插入圖片描述
下面是效果,可以看到整個盒子縮小爲原來的50%,這樣也算是解決問題了。但是審查元素可以發現,實際上font-size還是原來的16px,如果你非要讓font-size變成8px,那還是找找別的方法吧。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章