Html Div是否应该随着屏幕大小而增长和收缩？

这段代码是针对Carousal的，这些项目是用Java脚本添加到Carousal的。当我重新调整屏幕大小时，如我指定的overflow=hidden，我的部分图像不显示或部分图像被隐藏

 $(document).ready(function () {

     $("#ctl00_ctl34_g_7a36e625_9f77_476b_aa4e_cc2258d2847d_ctl00_owl_demo1").owlCarousel({
         navigation: true,
         slideSpeed: 300,
         paginationSpeed: 400,
         autoPlay: true,
         singleItem: true
     });

     $(".owl-controls").css("width", $(".owl-item").width());

     $("suiteBar").hide;


 });

Html

 $(document).ready(function () {

     $("#ctl00_ctl34_g_7a36e625_9f77_476b_aa4e_cc2258d2847d_ctl00_owl_demo1").owlCarousel({
         navigation: true,
         slideSpeed: 300,
         paginationSpeed: 400,
         autoPlay: true,
         singleItem: true
     });

     $(".owl-controls").css("width", $(".owl-item").width());

     $("suiteBar").hide;


 });

Java脚本

 $(document).ready(function () {

     $("#ctl00_ctl34_g_7a36e625_9f77_476b_aa4e_cc2258d2847d_ctl00_owl_demo1").owlCarousel({
         navigation: true,
         slideSpeed: 300,
         paginationSpeed: 400,
         autoPlay: true,
         singleItem: true
     });

     $(".owl-controls").css("width", $(".owl-item").width());

     $("suiteBar").hide;


 });

---

使用媒体查询，而不仅仅是将宽度设置为100%

 $(document).ready(function () {

     $("#ctl00_ctl34_g_7a36e625_9f77_476b_aa4e_cc2258d2847d_ctl00_owl_demo1").owlCarousel({
         navigation: true,
         slideSpeed: 300,
         paginationSpeed: 400,
         autoPlay: true,
         singleItem: true
     });

     $(".owl-controls").css("width", $(".owl-item").width());

     $("suiteBar").hide;


 });

看

 $(document).ready(function () {

     $("#ctl00_ctl34_g_7a36e625_9f77_476b_aa4e_cc2258d2847d_ctl00_owl_demo1").owlCarousel({
         navigation: true,
         slideSpeed: 300,
         paginationSpeed: 400,
         autoPlay: true,
         singleItem: true
     });

     $(".owl-controls").css("width", $(".owl-item").width());

     $("suiteBar").hide;


 });