html - 向上取整行高

Question

chrome 似乎将计算出的 line-height 的值向下舍入。

例如:

line-height:1.33 with font-size:11px 将计算出 line-height:14px。

而确切的值是 14.66 所以我希望行高等于 15px

您知道是否有任何方法可以强制浏览器将计算值向上取整而不是向下取整？

Answer 1

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

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

#elm {
    transform: translateZ(0);
}