全屏iframe的缩放内容

如何在不更改实际iframe的大小的情况下缩放全屏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％？

来源

2017-06-25 Carter Roeser