html - 行の高さを切り上げる

Question

クロムは計算されたの値を切り捨てているようですline-height。

例えば：

line-height:1.33でfont-size:11px計算されline-height:14pxます。

正確な値は14.66そうですが、行の高さは15pxに等しいと予想されます

ブラウザが計算値を切り捨てるのではなく切り上げるように強制する方法があるかどうか知っていますか?

Answer 1

Chrome は小数を整数のピクセル値に切り捨てます。他のブラウザー (FF) は、最も近い整数ピクセル値に丸められます。ただし、それらはすべて、子の値を計算するために 10 進数の値を使用します。

translateZ を使用して、テキストを含む要素をグラフィックス アクセラレーションに強制することができます。これにより、テキストのサブピクセル レンダリングが可能になる場合があります。それが機能する場合、Chrome でのみ機能する可能性があります。

#elm {
    transform: translateZ(0);
}