bootstrap 4 轮播全屏和自动裁剪

Question

当上传的图像有点长时，我在全屏执行 bootstrap 4 轮播时遇到问题。有没有办法使图像全宽但基于position: center, background: cover 裁剪。换句话说，我正在尝试使页面不可滚动。

我试过参考这个网页：Bootstrap Carousel Full Screen 但每当我尝试其他背景时，它只会拉伸并创建一个滚动条。

这里是 github 存储库：https://github.com/celestialbunny/project1（如果需要）

Answer 1

尝试将height:100vh 设置为img 元素。简单地说，它将高度设置为等于屏幕的可见高度。 vh 是 viewport-height。

如果是background，那么还有其他一些选项。

谢谢