css - Canvas 太高

Question

我的 CSS:

body
{
    margin: 0;
    height: 100%;
}
canvas
{
    background-color: black;
    height: 100%;
    width: 100%;
}
html
{
    height: 100%;
}

如您所见，我的 body 分别与窗口的可用高度/宽度一样高/宽。我的 canvas 有 100% 的高度/宽度，看起来它应该是窗口内部的高度和宽度。但事实并非如此。它高了几个像素，并出现了一个滚动条。为什么是这样？我能让它以某种方式工作吗？我不认为 canvas 有任何填充或任何东西。这在 Chrome 和 Firefox 中都会发生。

Answer 1

您还需要:

canvas { display: block; }

因为 canvas 是一个内联元素，例如 img。

内联元素在下面有一些“前导”，就像周围的文本一样。