iframe内嵌页面自适应

当使用iframe在页面中嵌入其他网页时，嵌入的页面可能会超出iframe的大小，导致页面显示不完整。为了解决这个问题，可以使用一些技巧来实现iframe内嵌页面自适应：

1. 设置iframe的高度为auto，让它自适应内容的高度：

<iframe src="http://example.com" frameborder="0" scrolling="no" style="width: 100%; height: auto;"></iframe>

2. 使用JavaScript动态调整iframe的高度，让它始终与内容保持一致：

<iframe id="myFrame" src="http://example.com" frameborder="0" scrolling="no" style="width: 100%;"></iframe>

<script>
    var myFrame = document.getElementById('myFrame');
    myFrame.onload = function() {
        myFrame.style.height = myFrame.contentWindow.document.documentElement.scrollHeight + 'px';
    };
</script>

3. 使用媒体查询和CSS缩放来自适应内嵌页面的大小：

<iframe src="http://example.com" frameborder="0" scrolling="no" style="width: 100%;"></iframe>

<style>
    @media only screen and (max-width: 768px) {
        iframe {
            transform: scale(0.7);
            transform-origin: 0 0;
            width: 142.8571428571429%;
        }
    }
</style>