Css 重置字体大小：0不'；t与'；em'；单元

我有一个父元素，它将

字体大小设置为0（零），它的子元素恢复该值

.parent {
  font-size: 0;
}

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

使用
em
它不起作用。使用
px
作为单位会使文本重新显示

谁能解释一下原因吗？
是的，这很正常。因为这是一个相对的问题。如果你认为你在做什么，你就是在做这个：

0 * 1 = 0

因此，如果你重置为0，你将永远得到一个零值

您需要使用
rem
（根em）或
px

.child {
   font-size: 1rem;
}

REM来自文档
是的，这是正常的。因为这是一个相对的问题。如果你认为你在做什么，你就是在做这个：

0 * 1 = 0

因此，如果你重置为0，你将永远得到一个零值

您需要使用
rem
（根em）或
px

.child {
   font-size: 1rem;
}

REM来自文件