众所周知,浏览器默认的最小字体为12px
所以你设置成10px,
浏览器也会当做最小的12px来显示
那么如何显示10px的字体尺寸呢
我们需要用到CSS中的transform: scale( );
因为我使用的chrome,所以增加私有前缀-webkit-transform: scale( );
<h1>zheshi这是我的测试10px</h1>
<style>
h1 {font-size: 10px;
-webkit-transform: scale(0.8);}
</style>