Полный контент iframe в bootstrap 4

Question

Я пытаюсь вставить на мою страницу iframe планирования расписаний встреч. Программа планирования отзывчива, и при встраивании в мою страницу ширина в порядке. Проблема в том, что высота рамки очень мала. Я пытался изменить CSS каждый раз, когда я могу думать. Я пробовал несколько разных трюков CSS безрезультатно. Это возможно только с помощью css? У меня есть доступ к обоим серверам. Ниже картина того, что я имею до сих пор. Если бы контент был в полный рост, он был бы идеальным.

Я прочитал несколько сообщений на stackoverflow и в Интернете. Я попробовал все с этого сайта, не идти. https://benmarshall.me/responsive-iframes/
Вот изображение того, что у меня сейчас есть:

<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://xxx" allowfullscreen></iframe>
</div>

Я хочу, чтобы iframe была полной высотой содержимого iframe. Буду признателен за любую помощь / направление.

Answer 1

Я наконец смог сделать эту работу с помощью CSS. У меня была адаптивная таблица стилей, которая переопределяла мой класс CSS. Я добавил приведенный ниже код, и он работает для меня. К счастью, у меня есть доступ к контенту iframe, и я знаю высоту, которая мне нужна. Чтобы это работало таким образом, содержимое iframe уже должно быть адаптивным. Я использовал следующий код, и у меня все работает. Хотелось бы, чтобы я не тратил так много времени на что-то такое простое, но рад, что у меня получилось.

.embed-responsive-full {
    padding-top: 100%;
    height: 720px;
}