单位 `lh` 和 `rlh` 单位 Chris Coyier 于 2020 年 5 月 5 日 DigitalOcean 提供适用于旅程每个阶段的云产品。 立即开始使用 价值 200 美元的免费积分! 我完全不知道 CSS 值级别 4 规范 中的一些新单位!lh 单位“等于 `line-height` 的计算值”,而 `rlh` 与之相同,只是针对的是根元素(可能是 `<html>` 元素)而不是当前元素。 为什么这会有用? Šime Vidas 的观点很有力 图标的“垂直内联居中” .inline-icon { display: inline-block; width: 1lh; height: 1lh; }
非常适合内联 SVG 图标!
同意,超级有用的单位。
这将为垂直节奏提供更好的解决方案。
它将简化实现基线边距和填充所需的 CSS。
它将提供一种更好地(更轻松地)编写点网格 CSS 的方法。
根据我的经验,行高测量是草图文件和前端之间最常见的差异。
这是一个关于该主题的项目
https://matejlatin.github.io/Gutenberg/
感觉我已经等了这个至少十年了。
也许链接 MDN 兼容性表会很有帮助 - 目前(2020 年 5 月),还没有任何地方支持 :(
以下是链接:https://mdn.org.cn/de/docs/Web/CSS/length#Browser_compatibility