无法使用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;
}

这有帮助吗？