如何在移动浏览器中强制HTML5游戏以横向模式加载？

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
    @media (max-aspect-ratio: 1/1) {
        /* 竖屏模式下的样式 */
        body {
            transform: rotate(90deg);
            transform-origin: left top;
            width: 100vh;
            height: 100vw;
            overflow-x: hidden;
            position: fixed;
            top: 100%;
            left: 0;
        }
    }
</style>

window.addEventListener("orientationchange", function() {
    if (window.orientation === 90 || window.orientation === -90) {
        // 横屏模式下的处理逻辑
        // 旋转游戏画布等操作
    } else {
        // 竖屏模式下的处理逻辑
        // 恢复游戏画布等操作
    }
});

var gameElement = document.getElementById("game"); // 游戏画布元素

function enterFullscreen() {
    if (gameElement.requestFullscreen) {
        gameElement.requestFullscreen();
    } else if (gameElement.mozRequestFullScreen) {
        gameElement.mozRequestFullScreen();
    } else if (gameElement.webkitRequestFullscreen) {
        gameElement.webkitRequestFullscreen();
    } else if (gameElement.msRequestFullscreen) {
        gameElement.msRequestFullscreen();
    }
}

function exitFullscreen() {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }
}

// 进入全屏模式
enterFullscreen();

// 退出全屏模式
exitFullscreen();