Css 字体大小和行高已设置，但更改字体仍会更改元素的高度

我在Safari和Chrome中都遇到以下问题

身体{ 字体大小：15px； 线高：1.2； } 正文，。相同字体{ 字体系列：Helvetica，无衬线； } 代码{ 字体系列：信使新，无衬线； } 没有任何代码-18px高度。 代码为-20px高度。 使用code.same-font-18px高度。

---

通过简单地调整字体系列和大小，我最终将自己的问题解决到了可以接受的程度，直到它适合我：

身体{ 字体大小：15px； 线高：1.2； } 正文，。相同字体{ 字体系列：Helvetica，无衬线； } 代码{ 字体系列：Menlo，Courier New，无衬线； 字体大小：0.9333em；/*14/15*/ 线高：1.28571；/*18/14*/ } 没有任何代码-18px高度。 代码为-18px高度。 使用code.same-font-18px高度。

---

不同的字体有不同的默认行高，对此您无能为力。你不能使所有的线条高度相等，所以这些字体忽略了它们的一些样式？我们应该如何知道哪些字体坚持或忽略这些样式？真奇怪。。。编辑：他们不会完全忽略它们-如果我将其设置为30px行高，那就行了。如果我把它设为10px，那么它将是18px。。。发生了什么事？当你将样式应用到它们时，它们会跟随，它们不会忽略这一点。然而，事实并非如此，因为即使你在li上加上行高：18px，并在上面的示例中编写代码，中间的列表项仍然是20px高。