Ng Bootstrap Carousel全屏

时间:2018-04-28 11:33:05

标签: javascript css angular bootstrap-4 carousel

我有一个有角度的应用程序,我正在使用Carousel component中的"@ng-bootstrap/ng-bootstrap": "^1.1.2"。我想全屏预览图片,但是当我按f11时。我的照片看起来像this。我不知道要应用什么css以防止浏览器在底部显示白色空行。

2 个答案:

答案 0 :(得分:0)

您可以将样式添加到图像

img {
 height: 100vh;
}

答案 1 :(得分:0)

你可以添加:

html,body{height:100%;}
.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}