将 iFrame 大小设置为内部元素答案

【问题标题】：Set iFrame size to elements inside将 iFrame 大小设置为内部元素
【发布时间】：2021-03-19 22:40:59
【问题描述】：

有没有办法将 iFrame 元素设置为其内部元素的大小，不包括边距？

例如，如果我设置了https://example.com的iFrame，它将显示

&lt;iframe src="https://example.com"&gt;&lt;/iframe&gt;

我可以使用 CSS 或 JS 更改高度和宽度，但我可以自动设置 iFrame 的宽度和高度，这样就不会滚动了吗？

我尝试做类似的事情

onload='this.style.height=this.contentWindow.document.body.scrollHeight+"px";this.style.width=this.contentWindow.document.body.scrollWidth+"px";'

但它不起作用。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

我认为当 iframe 来自不同域时这是不可能的。要根据其内容设置 iframe 大小，您需要使用 Javascript 访问此内容并“测量”它。在大多数情况下，您会遇到阻止您访问内容的跨源请求安全错误。

但也许您想使用来自同一域的 iframe 并提供“example.com”作为...示例？

【讨论】：