css 'ex' 单位的值是多少？

（不要与Xunit，一个流行的 .Net 单元测试库。）

今天，在一阵无聊中，我开始检查 Gmail DOM（是的，我很无聊）。

一切看起来都非常简单，直到我注意到某些元素的宽度有一个有趣的规范。著名的 Googlites 使用罕见的“ex”单位指定了许多表列。

width: 22ex;

起初我被难住了（“什么是‘前’？”），然后我回想起：我似乎记得几年前我第一次学习 CSS 时的一些事情。来自 CSS3 规范:

[The ex unitis] 等于所使用的 x 高度第一个可用字体。 x 高度之所以如此命名，是因为它通常等于小写“x”的高度。但是，即使对于不包含“x”的字体，也会定义“ex”。

好吧，很好。但我以前从未真正见过它被使用过（更不用说我自己使用过它了）。我很常用 em，并且很欣赏它们的价值，但为什么是“ex”呢？它似乎比 em 更不标准，而且用处也小得多。

我发现讨论这个主题的少数几页之一是 Stephen Poley 的http://www.xs4all.nl/~sbpoley/webmatters/emex.html。斯蒂芬提出了很好的观点，但是，他的讨论对我来说似乎没有结论。

所以我的问题是：“ex”单元对网页设计有什么价值？

（这个问题可以被标记为主观的，但我会把这个决定留给比我更有经验的 SO'ers。）

当您想要根据文本小写字母的高度调整某些内容的大小时，它非常有用。例如，想象一下这样的设计：

在设计的印刷维度中，字母的高度与其他元素具有重要的空间关系。上面源图像中的线条旨在帮助指出文本的 x 高度，但它们也显示了围绕该文本进行设计时指南的位置。

正如 Jonathan 在评论中指出的那样，ex 只是 em（宽度）的高度版本。