Question

如何在不更改实际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％？

Answer 1

据我所知，除非你在主页面和iframe的源代码中放置了一些javascript监听器，否则你无法控制iframe中发生的事情。这不是一件容易的事。

Answer 2

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

如果比例为75％，则设定高度＆amp;宽度为133.34％。

缩放全屏iframe的内容

2 个答案: