浏览器字体尺寸小于12px的做法

大家都知道，浏览器默认的最小字体为12px，所以你设置成9px，浏览器也会当做最小的12px来显示。那么如何显示9px的字体尺寸呢。
解决办法如下：首先说明一下，我使用的尺寸单位是rem，基数为50，所以样式中的0.24rem就是 0.24*50=12px。然后scale(0.75)其实就是对12px做了0.75倍的缩放，即：12*0.75=9

  <span style='-webkit-transform: scale(0.75);font-size:0.24rem;' v-if="storeDrawRankList.myRateNum==(index+1)">我的排名</span>

效果如下

移动端适配，字体设置成font-size:50px;的好处