向上舍入线高

Question

似乎chrome舍入了计算值line-height.

例如:

line-height:1.33与font-size:11px将已经计算line-height:14px.

虽然精确值是14.66如此,我预计行高将等于15px

你知道是否有办法迫使浏览器将计算值向上舍入而不是向下舍入？

Answer 1

Chrome 将小数位截断为整数像素值。其他浏览器 (FF) 将四舍五入到最接近的整数像素值。不过，它们都将使用十进制值来计算子值。

您可以尝试使用translateZ 强制包含文本的元素进行图形加速，这“可能”允许文本的子像素渲染。如果它确实有效，它可能只在 Chrome 中有效。

#elm {
    transform: translateZ(0);
}