Ng Bootstrap Carousel Полноэкранный режим

Question

У меня есть угловое приложение 5, и я использую Carousel component от "@ng-bootstrap/ng-bootstrap": "^1.1.2". Я хочу просмотреть картинки в полноэкранном режиме, но когда я нажимаю f11. Моя картинка выглядит как это . Я не знаю, какую css применить, чтобы браузер не показывал белую пустую строку внизу.

Answer 1

Вы можете добавить:

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

Answer 2

Вы можете добавить стиль к изображению

img {
 height: 100vh;
}