Можно ли задавать размеры iframe

«Можно ли задавать размеры iframe» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Да, можно задавать размеры iframe с помощью атрибутов width и height или через CSS.

HTML:

<iframe src="example.html" width="500" height="300"></iframe>

CSS:

<iframe src="example.html" class="custom-iframe"></iframe>
<style>
  .custom-iframe {
    width: 100%;
    height: 400px;
    border: none;
  }
</style>

Особенности:

  • Если не задать размеры, iframe примет размеры по умолчанию (обычно 300×150px).
  • Можно использовать vw/vh, % или px для адаптивности.
  • Для резиновых iframe можно использовать JavaScript для динамического изменения размеров.