【CSS】谷歌浏览器中怎么显示出比12px更小的字体？

谷歌浏览器为了护眼（听说的），字体的最小值为12px，当 font-size 的值 小于等于 12px （0px除外）时，在页面上显示的大小都是一样的。

假如我们想要显示比12px更小的字体时可以使用 transform: scale() 方法，如下：

.box {
    font-size: 12px;
    transform: scale(0.83);
}

通过改变 scale 的值可以实现字体的放大缩小，突破12px限制。