在HTML中，要讓<iframe>根據內容自適應高度，可以使用一種稱為"終極解決方案"的技術。這種解決方案使用JavaScript來實現動態調整<iframe>高度的效果。以下是具體的步驟：
1. 在父頁面中添加以下JavaScript代碼：
<script>function adjustIframeHeight() {
const iframe = document.getElementById('myFrame');
if (iframe) {
iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
}
}
</script>
2. 在<iframe>標簽中添加onload屬性，并調用adjustIframeHeight()函數：
<iframe id="myFrame" src="iframe-content.html" onload="adjustIframeHeight()"></iframe>
注意：上述代碼中，假設你的<iframe>的id屬性設置為myFrame，并且要加載的內容在iframe-content.html文件中。
3. 在被嵌入的iframe內容頁（iframe-content.html）中，添加以下JavaScript代碼：
<script>window.addEventListener('DOMContentLoaded', function() {
parent.adjustIframeHeight();
});
</script>
這段代碼的作用是在iframe內容加載完畢后，通過parent.adjustIframeHeight()方法通知父頁面重新計算和調整iframe的高度。
完成上述步驟后，當iframe內容發生變化或加載新內容時，會自動調整iframe的高度以適應內容。
請注意，在某些情況下，由于瀏覽器的安全策略限制，跨域的iframe內容可能無法通過此方法自適應高度。在這種情況下，你可能需要考慮使用其他技術，如使用postMessage來進行跨域通信，并動態調整iframe高度。
