chrome浏览器不能显示字体大小小于12px解决方法,CSS设置小于12px字体不起作用的解决方法篇。
无论中文英文数字在网页中CSS设置小于12px后各大浏览器均支持,在谷歌chrome浏览器不支持解决方法。
可以使用 transform: scale
缩放来解决问题
.font{
// 10px / 12px = 0.83
transform: scale(0.83);
}
缩放保持在原始或者某个方向上,可以使用 transform-origin
属性, 这个可以控制缩放依赖的位置。
参考