jquery 调整页面大小

$(window).resize(function() {
    var width = $(window).width();
    var height = $(window).height();

    // 根据窗口大小调整页面布局
    if (width < 600) {
        // 小屏幕布局
        $('body').css('font-size', '14px');
    } else {
        // 大屏幕布局
        $('body').css('font-size', '16px');
    }
});

$(document).ready(function() {
    var $element = $('#myElement');

    // 根据窗口大小调整元素大小
    function adjustElementSize() {
        var width = $(window).width();
        var height = $(window).height();

        if (width < 600) {
            $element.css({
                'width': '100%',
                'height': '200px'
            });
        } else {
            $element.css({
                'width': '50%',
                'height': '400px'
            });
        }
    }

    // 初始调整
    adjustElementSize();

    // 监听窗口大小变化
    $(window).resize(adjustElementSize);
});