javascript - 為什麼 body 高度比 canvas 高度多4個像素？

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;

結果是這樣的：

##按道理不應該 canvas 和 body 一樣高嗎？為什麼 body 會多出來4個像素？
請教大家，謝謝！

Answer 1

給body加

body {
    font-size: 0
}

具體請看：http://www.w3cplus.com/css/fi...