Tengo una página con exactamente un elemento visible: un lienzo. Estoy configurando el ancho y la altura del lienzo para que sean exactamente el ancho y la altura de la ventana ( window.innerWidth y window.innerHeight ), sin embargo, las barras de desplazamiento horizontales y verticales aún aparecen y me permiten desplazarme en una cantidad muy pequeña. Ninguno de mis elementos tiene borde, relleno o margen (incluido body , que configuré específicamente para que no tenga ninguno). ¿Hay una mejor manera de hacer que un lienzo ocupe toda la pantalla, o simplemente debo restar una cantidad fija del ancho y la altura, y cuál sería?
Agregue estilo con desbordamiento de hidden .
<style> body { overflow: hidden; } </style>