小编Jes*_*TCS的帖子

CSS：字体大小不准确吗？

因此，link和link给出了字体如何依赖于实现的提示。在以下情况下，此问题非常特定于字体大小：

字体大小：50px；将需要额外的空间来渲染（在我的情况下为 60px）

div {
  height: 50px;
  font-size: 50px;
  background: green;
}

span {
  background: red;
}

.lineheight {
  line-height: 50px;
}

Run Code Online (Sandbox Code Playgroud)

<p>Green is 50px, Red is not</p>
<div><span>fg</span></div>

<p>You can still see the overflow without span:</p>
<div>jAaMgÁ</div>

<p>line-height does not solve the issue (just makes it prettier)</p>
<div class="lineheight"><span>jAaMgÁ</span></div>

Run Code Online (Sandbox Code Playgroud)