Ng Bootstrap Carousel全屏

Question

我有一個angular 5應用程序，正在使用"@ng-bootstrap/ng-bootstrap": "^1.1.2" Carousel component 。 我想全屏預覽圖片，但是按f11鍵。 我的照片看起來像這樣 。 我不知道要應用什么CSS來防止瀏覽器在底部顯示空白行。

Answer 1

您可以將樣式添加到圖像

img {
 height: 100vh;
}

Answer 2

你可以加：

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