谷歌浏览器不支持小字体大小低于12px。网上搜索有一些不错的解决方案。有兴趣的朋友可以参考一下，希望对你有所帮助。




谷歌浏览器不支持小字体小于12px，也许它的用户体验。
网上也有一些可以使用的文章：

复制代码代码如下所示：
WebKit的文字大小调整：无；

但是，由于Chrome 27，此属性的支持已被取消。

我们还有其他办法来解决这个问题吗

谷歌浏览器支持CSS缩放，所以我们可以在这个区域这样做：

复制代码代码如下所示：
WebKit的变换：规模（0.5）；

因为12px最小支持度，然后放大与12px为基点。

同时，webkit-transform-origin-x：- 0可以用来解决了变焦边缘位移问题离开：

复制代码代码如下所示：
test_tag {。
字体大小：12px；
- webkit-transform-origin-x：0；
WebKit的变换：规模（0.5833333333333334）；
}

刻度值的计算方法是7 12＝0.5833333333333334。