新 CSS 相对单位

CSS 中的新长度单位层出不穷，你知道多少呢？在这个 Codepen 中测试一下你的技能，或者只是探索一下，看看自从你上次查看以来有什么变化。

这些有什么用？

该网站在文章开头的下拉菜单中使用了行高 lh 单位！请继续查看，但我也会在这里粘贴一段：

::first-letter {
  font-size: 7ex;
  font-size: 2lh;
  float: start;
}

我可以将字体大小设置为我想要的下拉菜单行数。非常棒。然后，因为我把它放在了一个更稳定的单元之后，所以它只会在浏览器理解的情况下使用这个较新的单元。感谢级联。

关于 cap 单元的说明

也许你已经在使用 cap 单位？或者你知道 Firefox 中已经使用了一年多 👀 。

h1 {
  font-size: 5cap;
}

我还问到了 rcap，它似乎是相对单位有根相对应的逻辑朋友。

54 种单位，哦，我的天！#

这样，我们一共得到了 54 种 CSS 长度单位。我觉得我们还没完！