javascript - 为什么 body 高度比 canvas 高度多出4个像素？

问题描述

问 题

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个像素呢？
请教大家，谢谢！

解决方案

给body添加

body {
    font-size: 0
}

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

这篇关于javascript - 为什么 body 高度比 canvas 高度多出4个像素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！