Google表单的动态iframe高度

Question

我想知道是否可以拥有Google表格iframe的动态高度（100％）？

特别是，当您的Google表单扩展到两个或更多页面时...有没有办法让它调整到100％高度而不是放入高像素？

由于

Answer 1

100％表示它将填充其父元素高度的100％，如果没有更高的父元素，它将是body的高度的100％

iframe {
 height:100%;
}

虽然，我确信你的问题不会像第一次表明那么简单

Answer 2

嵌入Google Forms iframe的最好方法是仅具有一个100vh的父元素。通过这种方式，iframe可以垂直测量其所需空间

<div style="height: 100vh;">
// Your embed code here with height and width set to 100%
</div>

Answer 3

您无法获得iframe的高度，因为浏览器安全措施会阻止javascript访问框架内容。

您能够执行此操作的唯一方法是，您拥有将包含在iframe中的页面以及iframe将存在的页面。如果你拥有这两个页面，你可以使用David Bradshaw的iframe resizer插件。见https://github.com/davidjbradshaw/iframe-resizer