html - 无法使用CSS重新缩放图片

我搜索了很多主题，但没有找到解决方案...

我只是尝试缩放图像以适合我的div，但事实并非如此。

HTML：

<div class="slideshow-image slideshow-active">
  <img src="assets/images/securityBreach1.png">
</div>

CSS：

.slideshow-image {
text-align: center;
display: none;
overflow: hidden;
margin: 0 auto;
}

我已经尝试过使用max-width/height，width/height和object-fit:content，但是似乎没有任何效果。

Here's如果需要，请访问网站页面（请参见幻灯片部分）：



先感谢您 ！

最佳答案

您是否尝试添加以下内容？

.slideshow-image img{
    width:100%;
    height:auto;
}

有帮助吗？