相对于父项的 CSS 字体大小

Question

CSS 中是否有一个字体大小单位允许我指定相对于父元素的大小；

例如，

vw 和 vh 分别相对于视口(viewport)宽度和高度。

我想要响应式设计的父级相对大小。比如说我的父元素是 400px 宽，我希望我的文本是那个宽度的一半，但我不确定我是否可以指定这个 - 或者即使这样的特性会被广泛支持.

Answer 1

我刚遇到这个问题，这是我的解决方案:

:root{
    --some-width: 228pt;
}
.someElement{
    font-size: calc(var(--some-width) / X);
}

用数字替换 X。

对我来说很有用，因为我多次需要相同的东西，但尺寸不同。