谷歌浏览器的字体小字体处理方案下12px

谷歌浏览器不支持小字体大小低于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。