<iframe> - 如何显示引用页面的整个高度？

在HTML中，<iframe> 标签用于在当前网页中嵌入另一个网页。要使引用页面的整个高度适应<iframe>` 的高度，可以使用以下方法：

1. 使用CSS设置高度和宽度：

在<iframe>标签中添加style属性，并设置height和width` 为所需的值。例如：

<iframe src="https://www.example.com" style="height: 100%; width: 100%;"></iframe>

或者，您可以在CSS样式表中设置高度和宽度：

<style>

   iframe {

       height: 100%;

       width: 100%;

   }

</style>

<iframe src="https://www.example.com"></iframe>

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

在<iframe>标签中添加id` 属性，并在JavaScript中设置高度。例如：

<iframe id="myIframe" src="https://www.example.com"></iframe>

<script>

   var iframe = document.getElementById('myIframe');

   iframe.style.height = iframe.contentWindow.document.documentElement.scrollHeight + 'px';

</script>

这将使<iframe>` 的高度自动调整为引用页面的整个高度。

请注意，由于浏览器的安全策略，上述方法可能无法在跨域的情况下正常工作。在这种情况下，您可能需要在服务器端或引用页面上进行一些调整。