title: Why are there scroll bars despite fitting a canvas exactly to the screen
body: <p>I have a page with exactly one visible element: a canvas. I am setting the canvas' width &amp; height to be exactly the width and height of the window (<code>window.innerWidth</code> and <code>window.innerHeight</code>), however horizontal and vertical scroll bars still appear and allow me to scroll around a very small amount. None of my elements have any border, padding, or margin (including <code>body</code>, which I specifically set to have none). Is there a better way to make a canvas take up the entire screen, or should I simply subtract a fixed amount from the width &amp; height, and what would that be?</p>