谷歌浏览器的字体小字体处理方案下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。