瀏覽器最小顯示12px字體的解決方法


今天做打印標簽,發現瀏覽器最小字體限制了12px,標簽那么小,12px隨便幾個字就給占滿了;

最后通過  transform:scale(1,0.8) 搞定;

這個屬性允許將元素移動、壓縮、旋轉;這里用到的是壓縮屬性,更多屬性方法參考:https://www.runoob.com/cssref/css3-pr-transform.html

通過transform-origin:left  可以控制縮放對齊方向;

 

注意:

Transform 只是對塊進行操作,是對整個塊進行縮放,如果說你原本一行顯示10個字,想通過縮小字體顯示15個字,那么,這個需要是滿足不了的,不過有曲線救國的方式;

可以參考:

https://blog.csdn.net/weixin_40673464/article/details/79911532

https://www.jb51.net/web/645597.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM