Как изменить высоту отзывчивого iFrame?

Question

Высота моего iFrame слишком мала, но если я изменю его на 100%, он не изменит контейнер, он просто изменит высоту прокрутки.

Как бы я сделал свой контейнер выше?

Это среда Bootstrap, и для того, чтобы сделать iFrame отзывчивым, мне нужен определенный код, если я изменяю высоту, изменяется высота прокрутки iFrame.

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

Измените высоту контейнера iFrame, пожалуйста

Answer 1

Мне удалось найти исправление, добавив! Важное в атрибут высоты для контейнера.

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
height: 600px !important;
}

.iframe-container iframe {
   border: 0;
   height: 100%;	
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

Answer 2

Я думаю, что вы не можете использовать (℅) для высоты, вы должны использовать свойство min-height и max-height с (PX), а затем проверить отзывчивость, если хотите!