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>