怎么把浏览器字体大小12px以下的字体正常显示

浏览器把字体大小12px以下的字体显示为12px，但是小程序又可以显示正常10px，我就改了一下来适应不同端。

font-size:12px;
/* 利用放大缩小属性 /
-webkit-transform: scals(0.83)
通俗的讲网上都会是这个答案，但是这个只考虑了字体大小，没有发现原来的文字占位也随着放大缩小了，这时候只需要将原来防止文字的盒子放大就ok了
width:120%;
font-size:12px;
/ 利用放大缩小属性 */
-webkit-transform: scale(0.83)

参考连接：https://blog.csdn.net/tj_2157/article/details/108481950

我的方法：

思路：设置字体大小为12px，因为12px浏览器和小程序显示的一样，直接在这上面把两个12px都缩放成10px(我需要的是10px大小)

在小程序里面量10px的字体大小高度是多少，然后用上面博主讲到的transform缩放到10px的高

/*这句不用看 我用到了translateX所以写了 transform: scale(0.85) translateX(-20%);*/

//scale缩小到0.85就是我量的高
transform: scale(0.85);
margin-left: -10px;
font-size：12px;