调整iframe高度以适应内容（无法访问iframe ID）

Question

我之前已经问过类似的问题，但过去提供的所有解决方案都需要访问iframe ID。

我正在嵌入一个脚本，该脚本在页面加载时生成iframe，并且每次都会生成一个新的iframe ID。不幸的是，内容也是高度动态的，内容经常发生巨大变化，因此固定高度的解决方案不会削减它。

寻找一种解决方案，使iframe适合页面加载时的内容高度，而无需使用iframe ID。

Answer 1

您可以让iframe始终加载到已知标记中，例如：

<div id="myIframe">
  <iframe id="I-have-no-idea-what-is-the-id"></iframe>
</div>

然后，您可以在CSS中执行：

html, body {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#myIframe > iframe {
  height: 100vh;
  width: 100vw;
  border: 0;
}