Javascript div容器内的平滑滑块图像不基于窗口大小调整大小

我在我的网站上使用slick slider来显示6篇最新文章。通常，在光滑的滑块内容上，有图像、文章标题、类别、共享等（我指的是）

问题是，如果图像放在平滑滑块之后，图像大小将响应窗口大小

我正在使用2个slideToShow设置，该设置将在滑动滑块低于特定宽度后响应为1个slideToShow

Div的默认

display

是

block

，

img

默认位置是

inline

我们可以通过将容器设置为inline或inline block并将宽度设置为

100%

我有一个循环，用于设置img con的宽度和img容器的宽度

document.querySelectorAll（'.con'）.forEach（el=>{
el.style.width=`${el.children.length*100}%`；
Array.from（el.children）.forEach（img=>{
img.style.width=`${100/el.children.length}%`
})
})

滑块{
溢出：隐藏；
填充：0 10px；
宽度：50%；
}
.img公司{
宽度：100%；
显示：内联块；
位置：相对位置；
浮动：左；
}
.con{
显示：内联块；
高度：自动；
}
.img con>img{
宽度：100%；
位置：绝对位置；
排名：0；
}
.img con:之前{
内容：''；
宽度：100%；
垫底：64%；
显示：块；
}
.容器体{
显示器：flex；
弯曲方向：行；
}

宽度：100%；显示：内联块；Hai Joe Warner，谢谢你的回答，因为我每次放映幻灯片都会用到2张图片，所以我想它无法使用。此外，当尺寸减小到某个值以下时，它将使用1个图像。谢谢你能，我会进一步回答我已经试过了，我使用了2个幻灯片，当我从右边调整窗口大小时，右边的图像会移动并覆盖左边，但根本没有响应调整大小。对不起，如果我错过了什么：D，谢谢乔伊，我很抱歉乔伊：不用担心，我已经用flex更新了，请告诉我这是否是你想要的，它工作得非常完美乔伊。非常感谢最后的考虑。由于使用50vw，当#slideToShow为1时，图像仅占页面的50%，并留下空白。我们可以使用50vw的任何替代品，以便它能够响应#slideToShow，或者我们必须使用脚本来确定它？谢谢JoeI，我已经设置了两个并排的滑块来匹配该站点。是的，有很多方法，但我的午餐休息时间已经结束了，等我有时间我会更新的