根据iframe的大小动态更改iframed页面缩放

Question

是否可以从框架页面检测iframe的高度和宽度，并根据它设置缩放，以便页面适合iframe的内容100宽度。

例如我有一个页面的分钟。宽度是960px，但是有人想要在没有滚动条的690像素宽iframe中显示我的页面。

我如何根据这些检测到并扩展内容，以便人们可以看到整个页面，但缩小了？

Answer 1

Meta概念可能如下：

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

另一种选择可能是使用媒体查询来应用适当的样式 - 我认为这对您的情况最好。