浏览器最小显示12px字体的解决方法

时间:2020-12-07 06:25:47

今天做打印标签,发现浏览器最小字体限制了12px,标签那么小,12px随便几个字就给占满了;

浏览器最小显示12px字体的解决方法

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

这个属性允许将元素移动、压缩、旋转;这里用到的是压缩属性,更多属性方法参考:https://www.runoob.com/cssref/css3-pr-transform.html

通过transform-origin:left  可以控制缩放对齐方向;

浏览器最小显示12px字体的解决方法

注意:

Transform 只是对块进行操作,是对整个块进行缩放,如果说你原本一行显示10个字,想通过缩小字体显示15个字,那么,这个需要是满足不了的,不过有曲线救国的方式;

可以参考:

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

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