缩放全屏 iframe 的内容答案

【问题标题】：Scale content of fullscreen iframe缩放全屏 iframe 的内容
【发布时间】：2017-06-25 10:02:40
【问题描述】：

如何在不改变实际 iframe 大小的情况下缩放全屏 iframe 的内容？

这是我目前尝试缩放内容的尝试，但最终取消了 100% 的宽度和高度：

<style>
    #frame {
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
    position:fixed; 
    top:0px; 
    left:0px; 
    bottom:0px; 
    right:0px;
    width:100%; 
    height:100%; 
    border:none; 
    margin:0; 
    padding:0; 
    overflow:hidden; 
    z-index:999999; 
    }
</style>
    <iframe src="../index.php" id="frame">
    Your browser doesn't support iframes
</iframe>

有没有办法在 javascript 或 css 中做到这一点，同时保持高度和宽度为 100%？

【问题讨论】：

标签： javascript html css iframe scale

【解决方案1】：

据我所知，除非您在主页和 iframe 的源中放置一些 javascript 侦听器，否则您无法控制 iframe 中可能发生的事情。这不是一件容易的事。

【讨论】：

【解决方案2】：

我通过补偿高度和宽度的比例损失找到了解决方案：

如果比例为 75%，只需将高度和宽度设置为 133.34%。

【讨论】：