Javascript 根据屏幕设置幻灯片宽度

我的幻灯片在各个方面都正常工作，除了一个事实，那就是当调整到不同的屏幕尺寸时，它是一个彻底的失败

它在我的大屏幕上正常工作，但在我的另一个屏幕上它不适应并添加了一个水平滚动条

我为它添加了100%的宽度，但我发现正确的方法是使用javascript代码动态调整所有内容。问题是，我以前从来没有这样做的经验，也不知道从哪里开始。顺便说一下，我的页面已经加载了jQuery

这是幻灯片的示例结构：

<div class="featured-image">
<div style="overflow: hidden;height: 450px;"><img width="1950px" height="" alt="4" src="image.jpg"></div>
<!-- end .featured-price -->
</div>

我假设一个jQuery脚本可以动态地将“.featured image img”作为目标，并将宽度和高度添加到其中。还有比这更好的方法或更简单的脚本吗？感谢您的帮助

var screenWidth = $(document).width();
$('.featured-image img').width(screenWidth);

如果需要动态调整，则需要捕获调整大小事件：

$(window).resize(function() {
  var screenWidth = $(document).width();
  $('.featured-image img').width(screenWidth);
});

---

你在用什么样的幻灯片插件？它嵌入到Wordpress主题中。老实说，我不知道。HTML内容：几乎是我需要的！如果我想获取屏幕宽度并从中减去一些内容，然后将其用作最终宽度，该怎么办？这样行吗var screenWidth=$（文档）.width（）-50；