Адаптивный / резиновый iframe, как это сделать?

Question

[Капитан Какао]

Всем привет, в общем нужно подключить на сайт фрейм с другого домена к которому доступа нет.
Сайт адаптивный, и контент во фрейме тоже.
Подскажите пожалуйста, как сделать подключаемый фрейм резиновым? И что бы он менял свои размеры в реальном времени а не только после перезагрузки страницы.

Answer 1

[Stalker_RED]

Достаточно задать размер в процентах jsfiddle.net/8m8r41sx

Comments

[Капитан Какао]

Ну а с высотой что делать?

[Stalker_RED]

Можно так jsfiddle.net/masau/7wrhm

[Капитан Какао]

Stalker_RED: не подходит, по вертикали много лишнего места пустого.
Мне нужно подключить эту форму rainbow.evos.in.ua/ru-RU/26174eb0-c6a0-48c2-bae6-2...

Ваш вариант не подходит.
Мне нужно что-то типа как в виджета Вконтакте комментарии.
Они подключаются через iframe, но этот фрейм динамически меняется если контент в нём увеличивается или уменьшается.

[Stalker_RED]

Rad Cor: Так вам нужно менять размеры в зависимости от внутреннего содержимого iframe или от размеров хост-страницы?

[Капитан Какао]

Stalker_RED: в зависимости от внутреннего содержимого iframe

[Stalker_RED]

Rad Cor: Высоту можно так

<iframe src="http://example.com/" width="700" frameborder="0" scrolling="no"></iframe>

[Капитан Какао]

Stalker_RED: нет же, так фрейм не будет растягиваться по высоте.
jsfiddle.net/kh3er8dw

[Stalker_RED]

Rad Cor: Или можно яваскриптом брать размер скролла

<iframe onload="this.style.height=0;this.style.height=this.contentWindow.document.body.scrollHeight + 'px';">

(для ширины тоже)

[Капитан Какао]

Stalker_RED: что-то тоже не работает этот вариант.

[Stalker_RED]

Rad Cor: Да, если iframe с другого домена, то в современных браузерах не будет доступа к iframe.contentWindow.document

[Erl]

Stalker_RED: спасибо)

[AMK882KXX]

Stalker_RED, СПАСИБО! Огромное и человеческое, как же просто все оказалось)

Answer 2

[Duh]

almatysite.kz/responsive-video