Вбудований інтерфейс, що реагує на внутрішній iFrame - javascript, twitter-bootstrap

У нас є сайт, побудований з Angular / bootstrap.

Цей сайт має бути налаштований всередині iframe іншого домену.

мої сумніви, якщо я пишу сценарій зміни розміру, щоб правильно прокручувати всередині iFrame або оскільки моє додаток розроблено за допомогою Bootstrap, він автоматично веде себе реагує відповідно до розміру iFrame батьківського домену.

Відповіді:

Bootstrap піклуватиметься про реагування, але єдина умова - правильно стежити за структурою рядків і стовпців.

Це залежить від того, чи хочете ви, щоб iframe мала фіксовану висоту і має вертикальну смугу прокручування або якщо ви хочете, щоб iframe мав висоту, яка динамічно змінюється з вбудованою сторінкою.

Якщо це колишній ви не повинні робити нічого, Bootstrap має ширину покриті.

Якщо ви хочете, щоб висота iframe змінювалася залежно від висоти вбудованої сторінки (яка змінюватиметься за допомогою адаптивного дизайну), вам потрібно змінити розмір iframe.

Наприклад

var iframeResize = function() {
var iFrameID = document.getElementById("myIframe");
if(iFrameID) {
iFrameID.height = iFrameID.contentWindow.document.body.offsetHeight + "px";
}
}

$(function() {
$(window).resize(iframeResize);
});