予期しない結果のボックスの高さ

それらを掛ける

font-size: 13.44px 
line-height: 1.4881

しかし、ボックスのレンダリング/計算高さが19px

のはなぜですか？

2016-11-05 Birowsky

おそらくそれは丸みを帯びていて、まずは13pxのフォントサイズにしてから、結果を19pxにします – Johannes

フォントサイズ13.1pxが13.4pxよりも明らかに小さいので、これはほとんど起こりそうにないはずです。つまり、レンダリング中の小数点以下の桁数 – Birowsky

フォントサイズで13.4pxと13.5pxの違いを確認してください（それぞれ19pxと20pxになります）、それは道に丸められている可能性が高いです。 –

これまで私のコメントに書いていたように、ピクセル値は、ピクセルの性質（ピクセル全体またはピクセルなし、可能であれば）を理由に、最初はフォントサイズ13pxに、その後は19pxに丸められています

2016-11-05 22:16:13 Johannes

Retina（そして他の高DPIディスプレイ）でも、すべての仮想ピクセルが2x2リアルピクセル仮想ピクセルはバイナリとして扱われます。「present」かどうかです。ボックスシャドウは例外を作るかもしれませんが、スタイルルールによって直接制御することはできません。 –

フォントサイズがダウンこの計算の切り上げたりしているようです。

CSSのフォントサイズを13.6px（Chromeの「検査」機能を使用）にすると、テキストコンテナの高さが19pxから20pxに増加しました。

あなたがお使いのブラウザで「点検」と対話的にあなたのCSSの設定を決定するためにこれらのCSSの設定を調整使用しようとすることをお勧めします。

2016-11-05 15:41:57 JohnH

答えて