iframe 크기 조정 - 브라우저 간 문제

Question

내가 소유한 외부 사이트의 페이지를 표시하고 있습니다. iframe 내 페이지 중 하나에서.브라우저 창 크기를 줄인(와이드스크린 아님) Opera에서 볼 때를 제외하고는 모두 괜찮습니다. iframe 내용물이 줄어들고 찌그러집니다.와이드스크린(브라우저 창 최대화)에서 작동하며 IE7, Firefox, Chrome 및 Safari에서는 창 크기를 최대화하거나 축소해도 괜찮습니다.HTML에서 프레임 크기를 설정하고 iframe 안에 div 이는 iframe CSS를 통해.

이것은 Opera의 독특한 버그인가요, 아니면 제가 할 수 있는 조치가 있나요?

Answer 1

비슷한 문제가 발생했습니다. iframe IE6에서는 웹 앱 메인 페이지에서 크기를 조정합니다.해결책은 트랩을 잡는 것이었습니다. window.onresize 이벤트를 선택하고 JavaScript 함수를 호출하여 적절한 크기를 지정합니다. iframe. content 의 이름이다 iframe 우리는 크기를 원합니다.또한 우리는 ASP.Net AJAX를 사용하고 있습니다. $get 이는 다음과 같이 번역됩니다. document.getElementById()

window.onresize=resizeContentFrame;
resizeContentFrame();

function resizeContentFrame() {
    setFrameHeight($get('content'));
}

function setFrameHeight(f) {
    if(isDefined(f)) {
        var h=document.documentElement.scrollHeight;
        h-=(HEADER_HEIGHT+CONTENT_PADDING+5);
        f.style.height=h+'px';
    }
}