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