html - px 在网络字体大小中究竟代表什么

Question

我正在做一些图形（在 Javascript 中，如果相关的话），我知道你可以用pt, px,%等来调整字体大小。当查找什么px意思时，每个站点似乎都有相同的模糊答案——字体的大小以像素为单位。我想知道究竟 px代表什么。例如，如果我有20px，20 像素将代表大写A、e小写、小写的高度还是底部和顶部g之间的差异？（我假设它是 的大小，但我只想仔细检查）。gAA

此外，px显然与视图大小有关。因此，如果我执行 a fillRect(1,1,20,20)，这将是 20px 的大写 A 的大小，还是字体大小在不同设备上的变化与图形无关？

标签： htmlcss

Answer 1

例如，如果我有 20px，那么 20 像素会代表大写 A、小写 e、小写 g 的高度还是 g 的底部和 A 的顶部之间的差异？

他们都没有。它代表一个称为“em-square”的抽象对象。然后在每种字体中定义大写字母的高度、字形的宽度以及字形的各种其他度量，与 em-square 成比例。但通常，您看到的所有度量都不完全等于 1 个 em-square 大小，或者在您的情况下，等于 20px。