Как задать iframe полную высоту?

Пользователь

от lamar , в категории: JavaScript , месяц назад

Как задать iframe полную высоту?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от loyal , месяц назад

@lamar 

Есть несколько способов задать iframe полную высоту:

  1. С помощью стилей CSS:
1
2
3
iframe {
  height: 100vh; /* 100% высоты видимого окна браузера */
}


  1. Использование JavaScript:
1
2
3
4
5
6
7
8
<script>
  function setIframeHeight() {
    var iframe = document.getElementById('myIframe');
    iframe.style.height = window.innerHeight + 'px';
  }
  window.addEventListener('resize', setIframeHeight);
  setIframeHeight(); // для установки начальной высоты
</script>


Здесь необходимо заменить myIframe на id вашего iframe элемента.

  1. Использование CSS inline стилей:
1
<iframe src="..." style="height: 100vh;"></iframe>


Выберите один из этих методов в зависимости от ваших потребностей и ситуации.