javascript - Warum ist die Körperhöhe 4 Pixel größer als die Leinwandhöhe?

Question

css:

html,body {
  margin: 0;
  padding: 0;
}
canvas {
  margin: 0;
  padding: 0;
}

html:

<canvas id="canvas"></canvas>

Javascript:

dt = document.getElementById('canvas');
dt.width = window.innerWidth;
dt.height = window.innerHeight;

Das Ergebnis sieht so aus:

Sollte die Leinwand nicht logischerweise die gleiche Höhe wie der Körper haben? Warum hat der Körper 4 zusätzliche Pixel?
Bitte sag es mir, danke!

Answer 1

给body添加

body {
    font-size: 0
}

具体请看：http://www.w3cplus.com/css/fi...