CSS 解决 Chrome 限制最小12px字号问题
在 PC 上,有的时候我们并不需要 Chrome 给我们限定 12px 的最小字号,可是我们也不可能强行要求用户人工设置一波(当年 CodeCademy 的 Bug 就是因为最小字号的问题),所以必须想办法。
旧版 Chrome 可以通过:-webkit-text-size-adjust:none
来设置,但其实是利用了一个微小的 Bug,在新版已经修复了,此外,这种方法会导致全局的缩放失效,不够友好。
在新版中,可以用 scale
解决缩放的问题,但如果是:-webkit-transform: scale(0.75);
,Safari 也在缩放范围内,有两个方法解决:
第一是所有的浏览器统一的使用缩放,在 12px 的基础上操作。