HTML网页套娃

<iframe src="https://fanyi.baidu.com/"  width="100%" height="100%">
</iframe>
<script type="application/javascript">
 
function resizeIFrameToFitContent( iFrame ) {
 
    // iFrame.width  = document.body.scrollWidth;
    iFrame.height = window.screen.height - 100%;
}
 
window.addEventListener('DOMContentLoaded', function(e) {
 
    // var iFrame = document.getElementsByTagName( 'iframe' );
    // resizeIFrameToFitContent( iFrame );
 
    // or, to resize all iframes:
    var iframes = document.querySelectorAll("iframe");
    for( var i = 0; i < iframes.length; i++) {
        resizeIFrameToFitContent( iframes[i] );
    }
} );
 
</script>

实例：