Холст на мобильных браузерах не является полноэкранным ⇐ Html

[Anonymous]

Я пытаюсь создать веб -игру на основе Canvas и Vanilla JS, но я борюсь с отображением своего холста на мобильных устройствах. На window.onload я назначаю высоту и ширину окна на размерные. На ПК он выглядит отлично и работает, но, к сожалению, пока на телефонах у меня есть плохие белые пространства под ним или на левой стороне.

Код: Выделить всё

const CANVAS_ID = "game";

let canvas, canvasContext;
let bullets = [];
window.onload = function(){
resizeCanvas();
canvas = document.getElementById(CANVAS_ID);
canvasContext = canvas.getContext('2d');
resetGame();
document.getElementById('overlay').style.display = "none";
}

function resizeCanvas (){
let canvas = document.getElementById(CANVAS_ID);
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}

function resetGame (){
colorRect (0,0, canvas.width,canvas.height, "black");
canvasContext.font = "100px Arial";
//colorText("Welcome", 100, canvas.height/2, "white");
setInterval(drawGame, 1000/60);
setInterval(spawnBullet, 100);
}

Есть ли у вас какие-либо идеи, что мне делать?>

Подробнее здесь: https://stackoverflow.com/questions/660 ... fullscreen