iframe 크기에 따라 iframe 페이지 확대/축소 동적으로 변경

Question

프레임이있는 페이지에서 iframe의 높이와 너비를 감지하고이를 기반으로 확대/축소를 설정하여 iframe의 내용을 100 너비만큼 맞출 수 있습니다.

예를 들어, 분. 너비는 960 픽셀이지만 스크롤바가없는 690 픽셀 너비의 iframe에 내 페이지를 표시하려고합니다.

사람이 전체 페이지를 볼 수 있지만 크기를 줄이면 그 내용을 기반으로 저울과 저울 내용을 어떻게 감지 할 수 있습니까? -이 귀하의 상황에 가장 적합한있을 거라고 생각

// Check if window is inside of an iframe 
if (window.self !== window.top) { 
    var optimalSize = 500; // desired width of the page 
    document.body.style.zoom = optimalSize/window.innerWidth; 
} 

또 다른 옵션은 적절한 스타일을 적용하는 미디어 쿼리를 사용하여 수 :

Answer 1

메타 개념은 다음이 될 수 있습니다.