CSS中的Rem单位大小

Question

CSS中的rem单元有问题。在我目前的项目中，所有尺寸都是rem。当我设置元素大小（如div）时，显示的大小为16 px *（x）ems。但是当div包含文本或标题时，显示的大小为19 *（x）ems。这发生在Chrome，FF和IE中。这是一个例子：

HTML

<header id="header">
<h1 id="header-title">Blablabla</h1>
<h2 id="header-subtitle">LOL</h2>
</header>

CSS

#header {
  height: 10rem;
  padding: 2rem;
  text-align: center;
  width: 100%;
}

#header-title {
  font-size: 3rem;
  margin: 0;
}

#header-subtitle {
  font-size: 2rem;
  margin: 0;
}

为什么？

修改： 我没有声明行高，默认情况下它是12.5px。我进行了更多搜索，找到了解决方案：https://stackoverflow.com/a/15135142/3552129