在日常开发中，如果你使用chrome调试过移动端页面。会发现当`font-size`属性小于`12px`时，页面最小也只能是`12px`。这个时候为了取得8px的效果，可以通过`transform: scale(0.75)`来实现，但是这个方法有硬伤，那就是**transform scale不会改变文字所占据的面积**，会出现布局问题。 解决方案是通过访问`chrome://settings/fonts` 然后  把最小字体改掉就好啦。 不过这个方法依旧有一些坑，可以[戳这里](https://www.yuque.com/docs/share/10f0516f-e58f-442c-81d7-b0ad544aec21)
在日常开发中，如果你使用chrome调试过移动端页面。会发现当
font-size属性小于12px时，页面最小也只能是12px。这个时候为了取得8px的效果，可以通过transform: scale(0.75)来实现，但是这个方法有硬伤，那就是transform scale不会改变文字所占据的面积，会出现布局问题。解决方案是通过访问
chrome://settings/fonts然后
把最小字体改掉就好啦。
不过这个方法依旧有一些坑，可以戳这里