iFrame에서 반응하는 부트 스트랩

Question

우리는 각도/부트 스트랩으로 사이트를 구축했습니다.

이 사이트는 다른 도메인의 Iframe 내부에서 구성되어야합니다.

나의 의심은 iFrame 내에서 제대로 스크롤하도록 크기 조정 스크립트를 작성해야합니까, 아니면 내 앱이 부트 스트랩을 사용하여 설계 되었기 때문에 부모 도메인 iFrame 크기에 따라 반응 적으로 반응합니다.

Answer 1

부트 스트랩은 응답 성 자체를 처리하지만 유일한 조건은 행 및 열 구조를 올바르게 따르는 것입니다.

Answer 2

iframe을 고정 높이로 설정하고 세로 스크롤 막대를 사용할지 또는 iframe의 높이가 포함 된 페이지에서 동적으로 변경되도록할지에 따라 다릅니다.

만약 아무것도 할 필요가 없다면 부트 스트랩의 너비가 적용됩니다.

삽입 된 페이지의 높이에 따라 iframe 높이를 변경하려면 (반응 형 디자인과 함께 변경됨) iframe의 크기를 조정하려면 JS가 필요합니다. 예를 들어

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

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