Как создать автоматическое изменение размера фрейма, когда вы уменьшаете размер браузера?

Question

Кто-нибудь знает способ автоматического изменения размера iframe при уменьшении размера браузера?

Answer 1

Вы можете прикрепить обработчик к событию window.onresize, а затем соответствующим образом изменить размер вашего IFRAME.

Я предпочитаю jQuery:

$(window).resize(function() {
  $('IFRAME').width($(window).width());

});

Answer 2

Вы также можете сделать это без JavaScript, если хотите использовать CSS Media Queries. Смотрите этот пример здесь:

http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/Default.html

Они часто используются для "адаптивного дизайна".

Answer 3

Вы можете также использовать это .

В основном он использует callResize () на дочерней странице и resizeIframe () на родительской странице.

Answer 4

Не пробовал, но я думаю, вы могли бы использовать процентную ширину вместо фиксированной ширины.В этом случае вам, вероятно, следует добавить также минимальную ширину и высоту, чтобы избежать слишком малого размера:

iframe
{
   width: 50%;
   height: 50%;
   min-width: 300px;
   min-height: 300px;
}

Answer 5

Один из вариантов - указать размер <iframe> в процентах.