js判断屏幕尺寸分别调用

// 定义不同屏幕尺寸下的处理函数
function handleSmallScreen() {
    console.log('这是小屏幕的操作');
    // 在这里添加针对小屏幕的逻辑
}

function handleMediumScreen() {
    console.log('这是中等屏幕的操作');
    // 在这里添加针对中等屏幕的逻辑
}

function handleLargeScreen() {
    console.log('这是大屏幕的操作');
    // 在这里添加针对大屏幕的逻辑
}

// 判断屏幕尺寸的函数
function checkScreenSize() {
    const width = window.innerWidth;
    if (width < 600) {
        handleSmallScreen();
    } else if (width >= 600 && width < 1200) {
        handleMediumScreen();
    } else {
        handleLargeScreen();
    }
}

// 初始调用一次，确保初始状态正确
checkScreenSize();

// 监听窗口尺寸变化事件
window.addEventListener('resize', checkScreenSize);