相对于父级的CSS字体大小

Question

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

例如，

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

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

Answer 1

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

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

Answer 2

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