jquery分辨率

$(document).ready(function() {
    function checkResolution() {
        var width = $(window).width();
        if (width < 768) {
            // 在小屏幕设备上的操作
            $('body').addClass('mobile');
        } else if (width >= 768 && width < 1024) {
            // 在中等屏幕设备上的操作
            $('body').addClass('tablet');
        } else {
            // 在大屏幕设备上的操作
            $('body').addClass('desktop');
        }
    }

    // 初始检查
    checkResolution();

    // 窗口大小改变时重新检查
    $(window).resize(checkResolution);
});

/* 默认样式 */
body {
    font-size: 16px;
}

/* 小屏幕设备 */
@media (max-width: 767px) {
    body.mobile {
        font-size: 14px;
    }
}

/* 中等屏幕设备 */
@media (min-width: 768px) and (max-width: 1023px) {
    body.tablet {
        font-size: 15px;
    }
}

/* 大屏幕设备 */
@media (min-width: 1024px) {
    body.desktop {
        font-size: 16px;
    }
}