意外的箱子高度

Question

我正在设置：

font-size: 13.44px
line-height: 1.4881

将它们相乘，gives us 20.000064

但是框的渲染/计算高度是19px

为什么？

http://jsbin.com/vokesukeye/2/edit?html,output

Answer 1

此计算的字体大小似乎向上或向下舍入。

当我将CSS字体大小增加到13.6px时（通过Chrome的“Inspect”功能），文本容器高度从19px增加到20px。

您可能想尝试在浏览器中使用“Inspect”并以交互方式调整这些CSS设置以确定您的CSS设置。

Answer 2

正如我在前面的评论中写道的那样：像素值被舍入，首先是字体大小13px然后结果为19px，这是由于像素的性质（整个像素或没有像素，除了可能在视网膜显示）