如果font-size设置为1rem，则行高（和元素高度）是多少？

Question

font设置为1rem，但是行高和元素高度都超过了

selenium-side-runner -c "goog:chromeOptions.args=[headless]" C:\path\to\file\prueba2.side

.box {
  font-size: 1rem;
}

我设法算出盒子的高度是1.167rem是包含文本大小1rem的元素的高度吗？我不确定：/ 0.167rem是什么？为什么这么多？元素/文本上方和下方的这个“间隙”是什么？我被卡住了：/

Answer 1

这是因为浏览器设置了默认行高（略高于字体大小），以使文本可读。您可以在此处明确设置一些line-height，例如line-height: 1，以使元素的高度与文本字体大小相同。 line-height的值将以倍数工作，例如line-height: 1.2将为font-size * 1.2。