css使用缩放让字体突破最小值限制

By | 2020年7月8日
0 Comment

在前端项目中，想必大家都遇到过字体大小限制，不管在怎么调整font-size的值，都无法突破最小值的限制，比如谷歌浏览器最小限制是12px，而其它部分浏览器限制值为8px。

那么如何突破这样的限制呢？

css中有一个transform 属性，下面有个scale值，通过此值来缩放元素，从而达到将字体进一步减小的效果。

使用方法：

transform:scale(0.6);
-ms-transform:scale(0.6); 	/* IE 9 */
-moz-transform:scale(0.6); 	/* Firefox */
-webkit-transform:scale(0.6); /* Safari 和 Chrome */
-o-transform:scale(0.6);

scale(0.6)内的值为缩放比例。