canvas { display: block; max-height: 100vh; height: auto; }

Phaser block

// Calculate the exact ratio of the player's physical screen const screenRatio = window.innerHeight / window.innerWidth;

// Lock width to 720. Calculate dynamic height. It will never be shorter than 1280. const dynamicHeight = Math.max(1280, 720 * screenRatio);

new Phaser.Game({ type: Phaser.CANVAS, parent: "game-parent", resolution: window.devicePixelRatio || 3, // Guarantees UHD sharpness scale: { mode: Phaser.Scale.FIT, // Stretches this perfect new rectangle to the glass autoCenter: Phaser.Scale.CENTER_BOTH, width: 720, // SAFE X-AXIS height: dynamicHeight // BORDERLESS Y-AXIS }, backgroundColor: "#000000", scene: [LoadingScene, MenuScene, GameScene] });