콘텐츠를 자르지 않고 iframe의 크기를 줄이려면 어떻게해야합니까?

Question

다른 페이지 (URL)를로드하는 페이지가 있습니다. 문제는 iframe 페이지가 외부 페이지에 잘 맞지 않는다는 것입니다. iframe 페이지의 내용이 그대로 유지되는 iframe 페이지의 크기를 줄이려면 어떻게해야합니까? 스크롤 바를 갖고 싶지 않습니다.

Answer 1

iframe의 내용이 크기가 변경 될 수 있으므로 실제 크기를 조절할 수는 없습니다. 브라우저에서 iframe은 자체 CSS에 따라 자체 레이아웃이있는 다른 렌더링 컨텍스트의 창입니다. iframe 내부의 내용이 어떻게 배치되어 있는지 자비를가집니다.

iframe URL이 다른 사이트의 URL이고 수정할 수 없다면 아무 것도 할 수 없습니다.

iframe 내에 표시되는 페이지를 수정할 수 있다면, 묻지 않을 것이라고 생각합니다.

Answer 2

iframe의 너비/높이를 확장하고 clientWidth와 iframe 너비를 비교해 볼 수 있습니다. 그것들이 동일하다면, 스크롤 바가 없으며, 그렇지 않은 경우도 있습니다.

효율성을 높이기 위해 중간 지점 방식을 사용하십시오. sudo 코드에서 :

dx = iframe.width; 
while (dx > 1) { 
    previous = iframe.width 
    if(iframe.width - iframe.clientWidth > 0) { 
    iframe.width += dx*2; 
    } else { 
    iframe.width -= dx/2; 
    } 
    dx = Math.abs(previous-iframe.width) 
} 

Answer 3

여기에서 대답을 참조하십시오 (How can I scale the content of an iframe?). 나는 그것을 사용하고 FF, 크롬에서 약간의 flakey 작동합니다.