前端解决小于12px字体

chrome浏览器不能显示字体大小小于12px解决方法,CSS设置小于12px字体不起作用的解决方法篇。 无论中文英文数字在网页中CSS设置小于12px后各大浏览器均支持,在谷歌chrome浏览器不支持解决方法。

可以使用 transform: scale 缩放来解决问题

.font{
    // 10px / 12px = 0.83
    transform: scale(0.83);
}

缩放保持在原始或者某个方向上,可以使用 transform-origin 属性, 这个可以控制缩放依赖的位置。

参考

Mark24

Everything can Mix.