Html 如何使节英雄（带图像滑块）始终适合浏览器高度？

我目前正在一个网站上工作，但我有一些问题。 在主页上，我有一个响应滑块，我希望它始终适合浏览器的高度，在任何大小的屏幕/窗口上。 我已经设法使它（几乎）始终适合浏览器的高度，但是，由于它是一个响应滑块，当我调整浏览器窗口的大小时，在某个点上，高度会减小以保持图片的比例

我想要的是，滑块/图片的高度保持在浏览器窗口的100%，在任何大小的屏幕上（桌面/手机），并且滑块的图片保持它们的比例（通过剪切/缩放图像的宽度，而不是压碎图像）

以下是主页的链接： 下面是我的HTML和css：

/*=主滑块
-------------------------------------------------------------- */
斯里德斯先生{
位置：相对位置；
列表样式：无；
溢出：隐藏；
填充：0；
保证金：0；
高度：100vh；
}
李先生{
-webkit背面可见性：隐藏；
位置：绝对位置；
显示：无；
宽度：100%；
左：0；
排名：0；
}
李：第一个孩子{
位置：相对位置；
显示：块；
浮动：左；
}
.rslides img{
显示：块；
高度：自动；
浮动：左；
宽度：100%；
边界：0；
}

根据您希望支持的浏览器，您可以使用vh：

.rslides img {
  height: 100vh;
  width: auto;
}

---

或者你可以试试

我已经试过了，但不起作用。事实上，我希望有（适合浏览器窗口高度的视频，不管宽度是多少）但有我的滑块。我目前正在使用