上传的图片有点长时,我在全屏上执行bootstrap 4旋转木马时遇到问题。有没有一种方法可以使图像全角但根据position: center, background: cover进行裁剪。换句话说,我试图使页面不可滚动。

我尝试引用此网页:Bootstrap Carousel Full Screen
但是只要我尝试其他背景,它就会拉伸并创建一个滚动条。

这是github仓库:https://github.com/celestialbunny/project1如果需要

最佳答案

尝试将height:100vh设置为img元素。用简单的文字将高度设置为等于屏幕的可见高度。 vhviewport-height

如果它是background,则还有其他一些选项。

谢谢

关于html - bootstrap 4轮播全屏和自动裁剪,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54970784/

10-12 00:17
查看更多