相对于父级的CSS字体大小

CSS中是否有字体大小调整单元，允许我指定相对于父元素的大小

例如，

vw

和

vh

分别与视口宽度和高度相关

---

我想要一个响应性设计的父级相对尺寸。比如说，我的父元素是

400px

wide，我希望我的文本是该宽度的一半，但我不确定是否可以指定该宽度，或者即使这样的功能会得到广泛支持。

只需使用字体大小值em而不是px或pt。例如，如果您有一个宽度和高度为400px的div，请使用字体大小：XXem（其中xx是数值）。或者，您也可以在字体大小中包含%。

在这种情况下，您应该在子元素上使用em值

---

一个em（1em）等于当前字体大小。因此，例如，如果父元素的字体大小为16px，则1em等于16px，2em等于32px，依此类推……

您将需要Javascript。如果您四处搜索，您将看到许多结果，但目前还没有纯CSS解决方案，可能要对所有对象使用视口单位。旁注，字体大小：200px并不意味着高度是200px。但它不是一个响应大小。当div是视口宽度的50%时会发生什么情况？那么使用em值来声明字体大小只是%width的一部分可能是合适的。