【css】让浏览器支持小于12px的文字

【css】让浏览器支持小于12px的文字

.demo {
    display: inline-block;
    /** 使用Webkit引擎的变换属性（主要针对旧版Safari/Chrome） **/
    -webkit-transform: scale(0.8);
}

注意：display: inline-block; 一定要加上！

1.transform: scale() 默认只对：块级元素（display: block）、行内块级元素（display: inline-block）、Flex / Grid子项（display: flex | grid）生效；

例：span默认display: inline，scale不会生效；

2.没有将会页面影响布局；