基于类似屏幕大小的CSS媒体查询更改Javascript属性（以HTML内联）

我正在使用FlexSlider2作为响应站点，不确定如何为我遇到的挑战编写代码。我精通HTML和CSS，但不太擅长javascript（但仍在学习：>）

该网站在几个断点处使用CSS媒体查询，所有CSS响应都很好（仅供参考）

但是，FlexSlider中有一些属性是在HTML中内联设置的（在标记中），我需要在相同的断点处更改这些属性

我需要在某些屏幕宽度（包括更改时，而不仅仅是加载时）动态更改itemWidth的值，这与css媒体查询的方式相同

所以我的问题是，当屏幕大小为（或更改）时，如何更改该属性的值

window.resize（函数（）{
如果（screen.width）我不熟悉
flexslider
，但您可以不指定itemWidth而只使用CSS吗？
#推荐旋转木马img{width:472px；}
等等。。。
<script type="text/javascript">
    $(window).load(function(){ 
      $('#testimonial_carousel').flexslider({
             animation: "slide",
             animationLoop: false,
             slideshow: false,
             randomize: false,
             itemWidth: 472,
             itemMargin: 0,
             start: function(slider){
               $('body').removeClass('loading');
             }
      });
    });
  </script>

window.resize(function(){
    if(screen.width <= 480){
        //do something
    }else if (screen.width <= 780){
        //do something else
    }else if(screen.width <= 960){
        //do final thing
    }
})