bootstrap 4轮播全屏和自动裁剪

时间:2019-03-03 16:03:01

标签: html css bootstrap-4

当上传的图像有点长时,我无法在全屏模式下执行bootstrap 4旋转木马。有没有一种方法可以使图像全角但根据l-2进行裁剪。换句话说,我正在尝试使页面不可滚动。

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

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

1 个答案:

答案 0 :(得分:0)

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

如果它是background,那么还有其他一些选择。

谢谢