用于调整浏览器窗口大小的JavaScript功能

我写HTML和CSS已经有一段时间了，但我对javascript领域还是新手。我使用下面的代码来控制jQuery滑块的属性。代码运行良好，但我需要做的是在浏览器屏幕调整大小（或加载到移动设备上）时更改其中的一些元素，以使功能在较小的屏幕上正常工作

 $(document).ready(
        function() {
            $(".container").wtListRotator({
                screen_width:534,
                screen_height:300,
                item_width:210,
                item_height:75,
                item_display:4,
                list_align:"left",
                scroll_type:"mouse_move",
                auto_start:true,
                delay:5000,
                transition:"v.slide",
                transition_speed:800,
                easing:"",
                auto_center:true,
                display_playbutton:false,
                display_number:false,
                display_timer: false,
                display_arrow:true,
                display_thumbs:true,
                display_scrollbar:true,
                mouseover_select:false,
                pause_mouseover: true,
                cpanel_mouseover:false,                 
                text_mouseover:false,
                text_effect:"fade",
                text_sync:true,
                cpanel_align:"TR",
                timer_align:"bottom",
                move_one:false,
                auto_adjust:true,
                shuffle:false,
                play_once:false,
                mousewheel_scroll:true,                 
                block_size:75,
                vert_size:50,
                horz_size:50,
                block_delay:35,
                vstripe_delay:90,
                hstripe_delay:180                   
            });
        }
    );

我已经在CSS中的元素上实现了媒体查询，因此它们可以调整大小，也可以跨我的站点的其余部分进行查询，但是当屏幕大小/重新大小事件发生时，我正在努力更改下面的属性，并在上面的javascript中定义这些属性

screen_width:534,
                screen_height:300,
                item_width:210,
                item_height:75,
                item_display:4,   

谢谢

---

Rich

有两件事可以帮助你：

1） 始终可以使用

window.innerWidth

和

window.innerHeight

获取浏览器窗口的当前可用宽度/高度

2） 您可以“注册”一个在窗口大小改变时调用的函数。示例：

window.addEventListener（“resize”，函数名）

window.onresize=function（）{//do stuff}

如果您还有其他问题，我很乐意为您提供帮助……
谢谢您，请原谅我的知识不足，我仍在努力掌握java。如果将listner添加到脚本顶部，然后使用“window.onresize=function（）{//do stuff}；”调用函数，我是否可以添加一个查询来选择上述函数或不同屏幕大小的选项？您可以将
//do stuff
设置为类似于：
if（window.innerWidth