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