Question

我有一个父元素，将font-size设置为0（零），将子设置为恢复值

.parent {
  font-size: 0;
}

.child {
  font-size: 1em;
  /* font-size: 16px; */
}

使用em它不起作用。使用px作为单位会使文本再次出现。

有人能解释我为什么吗？

Answer 1

是的，这很正常。因为em这是一个相对的安慰。如果你认为你在做什么，你就是这样做的：

0 * 1 = 0

因此，如果您重置为0，您将永远获得零值。

您需要使用rem（root em）或px。

.child {
   font-size: 1rem;
}

Rems来自文件