html - px在网页字体大小中到底代表什么

Question

我正在做一些图形(用 Javascript，如果相关的话)，我知道你可以使用 pt、px、% 等。当查找 px 的含义时，每个站点似乎都有相同的模糊答案 - 以像素为单位的字体大小。我想知道究竟 px 代表什么。例如，如果我有 20px，那么 20 像素将代表大写 A、小写 e、小写 g 的高度 或者 g 底部和 A 顶部的区别？ (我假设它是 A 的大小，但我只是想仔细检查一下)。

此外，px 显然与 View 大小有关。因此，如果我执行 fillRect(1,1,20,20)，这会是 20 像素处大写字母 A 的大小，还是字体大小会在不同设备上独立于图形而变化？

Answer 1

For example, if I have 20px, will 20 pixels represent the height of a capital A, a small e, a lowercase g or the difference between the bottom of the g and the top of the A?

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