为什么css行高*行的高度不总是相等？

例如：

在本例中，行高度为18.858px，并且有8行，因此我预计高度为150.864，但高度仅为144px

在这个例子中

在Chrome中：

行高=字体大小*行高

，但

高度=数学地板（行高）*行

在FireFox中：

行高=字体大小*行高

在Safari中：

line height=Math.floor（字体大小*行高）

---

您的浏览器是否正在更改文本大小？还是缩放级别？你在东西上有空白或空白吗？这是单个块元素吗？不，你可以查看这个CodeSandBox链接，以CodeSandBox.io为例，应用样式

*{margin:0；padding:0}

，然后应用程序的高度，它的子级的所有高度之和都是158px。在Chrome中查看CodeSandBox控制台，当

行高：1.1

时，getComputedStyle结果为

高度：13px行高13.2px

问题中添加的链接未显示任何内容，因为您正在编辑它。考虑在你的浏览器中添加一个例子来改变浏览器的文本大小吗？还是缩放级别？你在东西上有空白或空白吗？这是单个块元素吗？不，你可以查看这个CodeSandBox链接，以CodeSandBox.io为例，应用样式

*{margin:0；padding:0}

，然后应用程序的高度，它的子级的所有高度之和都是158px。在Chrome中查看CodeSandBox控制台，当

行高：1.1

时，getComputedStyle结果为

高度：13px行高13.2px

问题中添加的链接未显示任何内容，因为您正在编辑它。考虑在你的问题中增加一个例子