全屏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