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

By | 2020年7月8日

在前端项目中,想必大家都遇到过字体大小限制,不管在怎么调整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)内的值为缩放比例。

发表评论

电子邮件地址不会被公开。 必填项已用*标注