当前位置: 首页 > 面试题库 >

css'ex'单位的价值是多少?

壤驷兴朝
2023-03-14
问题内容

(不要与流行的.Net单元测试库Xunit混淆。)

今天,我无聊地开始检查Gmail DOM(是的,我很无聊)。

一切看起来都很简单,直到我注意到某些元素的宽度有趣的规范为止。杰出的Googlites使用稀有的“ ex”单位指定了多个表格列。

width: 22ex;

起初我很困惑(“什么是’ex’?”),然后又回到了我的脑海:我似乎还记得几年前第一次学习CSS时的一些事情。根据CSS3规范:

[ ex单位 ]等于第一个可用字体的 x高度。之所以称它为x高度,是因为它通常等于小写字母“ x”的高度。但是,即使不包含“ x”的字体也定义了“ ex”。

好,好。但是我从未真正看到过它的使用(我自己很少使用过)。我经常使用ems,并赞赏它们的价值,但是为什么要使用“
ex”呢?与em相比,标准的测量似乎少了很多,有用的也少得多。

我发现讨论该主题的几个页面之一是StephenPoley的。斯蒂芬说得很好,但是,他的讨论对我而言没有定论。

所以我的问题是: “前”单位能给网页设计带来什么价值?

(可以将这个问题标记为主观问题,但我将把这个决定留给比我自己更有经验的SO员工。)


问题答案:

当您要根据文本的小写字母的高度调整大小时,此功能很有用。

在设计的印刷尺寸上,字母的高度与其余元素具有重要的空间关系。上面的源图像中的线旨在帮助指出文本的x高度,但是它们还显示了围绕该文本进行设计时的准则。

正如乔纳森(Jonathan)在评论中指出的那样,ex只是em(width)的高度版本。



 类似资料:
  • 问题内容: 您知道Java中引发和处理异常的代价是多少? 我们在团队中就异常的实际成本进行了多次讨论。一些人尽可能地避免使用它们,有人说使用异常会导致性能损失被高估。 今天,我在我们的软件中找到了以下代码: 与之相比,它的性能如何 我不想讨论代码美感或其他任何内容,而只是关于运行时行为!您有真实的经验/测量方法吗? 问题答案: 我没有花时间去阅读Exception,但是用您的一些修改后的代码进行了

  • 问题内容: 我想知道单位是多少,转换为像素()时1em是多少。我还读过一些有关IE错误的文章,以克服应将哪种主体字体大小设置为某种大小,但不能遵循太多的问题。有人可以详细解释吗? 问题答案: 尽管您可能在其他地方读过,但em和px之间 没有 直接关系。 作为链接之一指出: “ em”值基于大写字母M的宽度 因此,每种字体都会有所不同。窄字体可能与扩展字体具有相同的高度(以px为单位),但是em大小

  • 问题内容: 我想编写Sql Query,以按百分比增加商品价格。 场景是:- 在表中,我有3个栏目:ID,项目名称,价格 问题答案: 如果您要更新表,则可以进行条件更新。 如果您希望在选择时不对表进行任何更新就显示增加的价格,则可以执行以下操作。

  • 问题内容: 由于对象的默认哈希值是该对象的对象地址,因此在32位计算机上,考虑哈希值是int值是有意义的。我的问题是在64位计算机上,地址应该是64位吗?那么32位int哈希值呢?是否会有一些下变频(从64位到32位)? 问题答案: 我的问题是64位JVM上对象的默认哈希值是多少?它仍然是对象地址值吗? 未指定“默认”值……或更具体地说,如何计算对象的“身份哈希码”。不在32位JVM或64位JVM

  • 问题内容: 我已经开始阅读有关Valhalla项目的信息,而我确实不了解某些内容,那就是。 这是我的理解: 1)是无法将其作为参考的对象吗? 在 代码示例中,它指出 2)根据Wikipedia, 高效的小型“对象”没有继承 。什么和意味着什么呢? 使用VT无法做到这一点吗? 3)为什么要使用它们?将使用哪种方案以及如何使用。 4)根据,简而言之, 值类型对象是没有身份的对象,即,如果两个值对象的内

  • 问题内容: 作为Web开发人员,您经常会遇到一些问题,如果有类似价值计算之类的问题,很容易解决。 我经常想知道为什么无法在CSS中执行以下操作: 例如,这将解决您想要垂直对齐元素时遇到的一些问题。现在很难使用CSS垂直对齐元素,并且会产生相当大的开销。 在您知道元素的固定高度的情况下,您不需要这样做。但是,一旦高度发生变化(较长的文字等),您就会迷上了一个元素的总高度。 使用附加的JS可以轻松解决