自动调整两个iframe的大小？

自动调整两个iframe的大小可以通过以下步骤实现：

获取两个iframe元素的引用，可以使用JavaScript的document.getElementById()方法或其他选择器方法来获取。
使用JavaScript监听两个iframe的加载完成事件，可以使用onload属性或addEventListener()方法来添加事件监听器。
在加载完成事件的回调函数中，获取两个iframe的内容高度。
根据两个iframe的内容高度调整它们的高度属性，可以使用JavaScript的style.height属性来设置。
如果需要两个iframe的高度随内容变化而自动调整，可以在每次内容变化时重复步骤3和步骤4。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>自动调整两个iframe的大小</title>
  <style>
    iframe {
      width: 100%;
      border: none;
    }
  </style>
</head>
<body>
  <iframe id="iframe1" src="https://www.example.com" onload="adjustIframeSize()"></iframe>
  <iframe id="iframe2" src="https://www.example.com" onload="adjustIframeSize()"></iframe>

  <script>
    function adjustIframeSize() {
      var iframe1 = document.getElementById('iframe1');
      var iframe2 = document.getElementById('iframe2');

      iframe1.style.height = iframe1.contentWindow.document.body.scrollHeight + 'px';
      iframe2.style.height = iframe2.contentWindow.document.body.scrollHeight + 'px';
    }
  </script>
</body>
</html>

这段代码中，我们使用了两个iframe元素，并给它们分别设置了id属性。在每个iframe的加载完成事件中调用了adjustIframeSize()函数来自动调整它们的高度。在adjustIframeSize()函数中，我们通过contentWindow.document.body.scrollHeight获取了每个iframe内容的高度，并将其设置为iframe的高度。

这种方法可以适用于需要自动调整两个iframe高度的场景，例如在一个页面中嵌入了两个不同来源的网页，希望它们的高度能够自适应内容的变化。

腾讯云相关产品和产品介绍链接地址：