HTMLのテキストのデフォルトのピクセルサイズはどれくらいですか？

Question

背景色が赤の<div> Hello Friends </div>のようなテキストがある場合、この赤い部分の高さは何ピクセルですか？

私はCSSのための特定の計算をするために知りたいです。

ありがとうございます。

Answer 1

Chromeで開発者用コンソールを試しましたか？ （WindowsではF12、OSXではcmd + alt + i）。 任意の要素とサイズの回路図を持つすべての情報の一番下にある「Inspect」を簡単に右クリックして選択することができます。ここで ：

Answer 2

これは、テキストの書き込みに使用したタグ要素によって異なります。

一部のタグとそのデフォルトブラウザのピクセルの測定：

pタグ - 16pxに

H1タグ - 32PX

H2タグ - あなたは

を持っている意味と仮定は24px

Answer 3

span { background: red; }

<span>Hello Friends</span>

赤い矩形の高さを知りたい場合。

CSS2.1によると、それは実装依存です：

コンテンツ領域の高さは、フォントに基づいている必要がありますが、これ 仕様はどのように指定されていません。 UAは、例えば、フォントの最大昇順および降順をemボックスまたは で使用することができる。後者は の部分にグリフが表示されていても、内容領域内にある の部分が残っていることを確認しますが、 のフォントでは異なるサイズのボックスが表示され、 ）図形にグリフが表示されます。