iframe 标签自适应高度

要使 iframe 标签自适应高度，可以使用以下方法：

1. 使用 JavaScript 动态调整 iframe 高度：

<iframe id="myFrame" src="example.com" frameborder="0" scrolling="no"></iframe>
<script>
    const iframe = document.getElementById("myFrame");
    iframe.onload = function() {
        const height = iframe.contentWindow.document.body.scrollHeight;
        iframe.style.height = height + "px";
    };
</script>

2. 使用 CSS 进行自适应高度：

<style>
    .responsive-iframe {
        position: relative;
        width: 100%;
        padding-bottom: 75%; /* 根据需要调整比例 */
        height: 0;
        overflow: hidden;
    }
    .responsive-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
</style>
<div class="responsive-iframe">
    <iframe src="example.com" frameborder="0" scrolling="no"></iframe>
</div>

这些方法可以根据 iframe 内容的实际高度自动调整 iframe 的高度，以达到自适应的效果。