根據iframe的大小動態地更改iframed頁面的縮放

Question

是否可以從framed頁面檢測iframe的高度和寬度，並基於它設置縮放，以便頁面將iframe的內容縮放100寬度。

例如，我有一個頁面，其分鐘。寬度是960px，但有人想顯示我的頁面在690px寬度iframe沒有滾動條。

我該如何檢測並根據該內容縮放內容，以便人們可以看到整個頁面，但縮小了比例？

Answer 1

元的概念可能是以下幾點：

// 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; 
} 

的另一個選項是使用媒體查詢申請適當的風格 - 我認爲這將是最適合你的情況。