HTML中文本的默认像素大小是多少？

Question

如果我的文字如<div> Hello Friends </div>，背景颜色为红色，则此红色区域的高度（以像素为单位）是多少？

我想知道为CSS做一些计算。

提前致谢。

Answer 1

假设你的意思是

＆＃13;

＆＃13;

span { background: red; }

＆＃13;

<span>Hello Friends</span>

＆＃13;

＆＃13;

＆＃13;

你想知道红色矩形的高度。

根据CSS2.1，它依赖于实现：

  

内容区域的高度应该基于字体，但是这样   规范没有具体说明。 UA可以例如使用em-box或   字体的最大上升和下降。 （后者会   确保包含em-box上方或下方部分的字形仍然下降   在内容区域内，但导致不同大小的框   不同的字体;前者会确保作者可以控制   相对于＆＃39; line-height＆＃39;的背景样式，但会导致字形   在他们的内容区域之外绘画。）

Answer 2

您是否在Chrome上尝试过开发人员控制台？ （Windows上为F12，OSX上为cmd + alt + i）。 您可以轻松地右键单击并选择＆＃34; Inspect＆＃34;在所有信息的任何元素和底部，您都有尺寸的原理图。 这里：

Answer 3

我知道这很晚了，但是<p></p>标签的默认字体大小是13.3px，但这是我唯一知道的字体。

Answer 4

这取决于您用于编写文本的标记元素。

某些标签及其默认浏览器像素测量值：

p tag - 16px

h1标签 - 32px

h2标签 - 24px