美文网首页
浏览器字体尺寸小于12px的做法

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

作者: CoderZb | 来源:发表于2020-04-02 14:47 被阅读0次

大家都知道,浏览器默认的最小字体为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>

效果如下

image.png

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

相关文章

网友评论

      本文标题:浏览器字体尺寸小于12px的做法

      本文链接:https://www.haomeiwen.com/subject/bijxphtx.html