当浏览器以全屏模式显示时，图像未达到100％全高

Question

我创建了一个简单的网站，每隔几秒钟就会更改图片。所有图像均为横向。 当我的浏览器处于普通视图模式时，图像会覆盖浏览器的整个高度，但是当我将浏览器更改为全屏模式时，图像并不会覆盖浏览器的整个高度，实际上底部有一个缝隙页面。下面是我的网站和CSS代码的屏幕截图。有谁能告诉我哪里出了问题以及如何解决？

下图在图像底部显示空白区域（以红色突出显示）

CSS代码

Translate

Answer 1

一种解决方案可能是修改图像包装器和图像样式

.mySlides{
    position: relative;
    width: 100%;
    height: 100%;
}

.slideshow-container img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

顺便说一句，您的代码首先应该可以正常工作。图像可能没有装满容器。

Answer 2

要全屏显示图像宽度：必须使用100％。