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

Question

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

我只是想缩放我的图像以适合我的 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如果需要，网站页面(请参阅幻灯片部分):

提前致谢!

Answer 1

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

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

这有帮助吗？