要根據內容自適應iframe的高度，可以使用以下方法：

1. 使用JavaScript動態調整iframe的高度。

• 在父頁面中，使用JavaScript獲取到iframe元素。

• 監聽iframe的加載事件或者內容改變事件。

• 在事件觸發時，使用JavaScript獲取到iframe內容的高度。

• 將獲取到的高度賦值給iframe的height屬性。

示例代碼如下：

<script>
function resizeIframe() {
var iframe = document.getElementById("my-iframe");
iframe.style.height = iframe.contentWindow.document.body.scrollHeight + "px";
}
window.addEventListener("load", resizeIframe);
window.addEventListener("resize", resizeIframe);
</script>

2. 使用PostMessage進行跨域通信。

• 在iframe的內容頁中，使用JavaScript獲取到內容的高度。

• 使用PostMessage方法將高度信息發送給父頁面。

• 在父頁面中，使用JavaScript監聽PostMessage事件，并根據接收到的高度信息動態調整iframe的高度。

示例代碼如下：

在iframe的內容頁中：

<script>
function sendHeight() {
var height = document.body.scrollHeight;
parent.postMessage(height, "*");
}
window.addEventListener("load", sendHeight);
window.addEventListener("resize", sendHeight);
</script>

在父頁面中：

<script>
window.addEventListener("message", function(event) {
if (event.origin !== "http://example.com") return; // 可選的安全驗證
var height = parseInt(event.data);
var iframe = document.getElementById("my-iframe");
iframe.style.height = height + "px";
});
</script>

以上是兩種常用的方法，可以根據具體情況選擇適合的方式實現iframe的自適應高度。