2

私のCSS：

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

ご覧のとおり、 mybodyはウィンドウの使用可能な高さ/幅と同じ高さ/幅です。私のcanvas高さ/幅は100％で、ウィンドウの内側の高さと幅になるようです。しかし、そうではありません。数ピクセル高くなり、スクロールバーが表示されます。どうしてこれなの？どうにかして動作させることはできますか？canvasパディングなどはないと思います。これは、Chrome と Firefox の両方で発生します。

4

2 に答える 2

2

以下も必要です。

canvas { display: block; }

canvas は のようなインライン要素であるためimgです。

インライン要素は、周囲のテキストと同じように、下に「先頭」を取得します。

于 2012-12-08T23:44:27.177 に答える
0

ブラウザーが混乱している可能性があります。スクロールバーを使用すると、キャンバスが大きすぎて収まりません。それらがなければ、それは収まります。

それを無視してください、完全にナンセンスです。<canvas>はインライン要素なので、画像と同じ問題があります。を追加verical-align:bottomするか、代わりにこれを試してください:

canvas {
  background: #000;
  position: fixed;
  left:0; right:0; top:0; bottom:0;
}
于 2012-12-08T23:44:35.343 に答える