js控制不横屏显示

// 监听屏幕方向变化事件
window.addEventListener('orientationchange', function() {
    if (window.orientation === 90 || window.orientation === -90) {
        // 横屏时强制设置为纵向
        document.body.style.transform = 'rotate(-90deg)';
        document.body.style.transformOrigin = 'left top';
        document.body.style.width = window.innerHeight + 'px';
        document.body.style.height = window.innerWidth + 'px';
    } else {
        // 纵屏时恢复原始状态
        document.body.style.transform = '';
        document.body.style.transformOrigin = '';
        document.body.style.width = '';
        document.body.style.height = '';
    }
});

// 或者监听resize事件
window.addEventListener('resize', function() {
    if (window.innerHeight < window.innerWidth) {
        // 横屏时强制设置为纵向
        document.body.style.transform = 'rotate(-90deg)';
        document.body.style.transformOrigin = 'left top';
        document.body.style.width = window.innerHeight + 'px';
        document.body.style.height = window.innerWidth + 'px';
    } else {
        // 纵屏时恢复原始状态
        document.body.style.transform = '';
        document.body.style.transformOrigin = '';
        document.body.style.width = '';
        document.body.style.height = '';
    }
});