1

我想知道是否可以拥有 Google Form iframe 的动态高度(100%)?

特别是,当您的 Google 表单扩展到两个或更多页面时。有没有办法将其调整为 100% 高度而不是放入高度像素?

谢谢

4

3 回答 3

2

嵌入 Google Forms iframe 的最佳方式是简单地拥有一个 100vh 的父元素。这样 iframe 可以垂直测量它所需的空间

<div style="height: 100vh;">
// Your embed code here with height and width set to 100%
</div>
于 2020-09-10T09:08:57.677 回答
1

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

iframe {
 height:100%;
}

虽然,我敢肯定你的问题不会像最初指出的那么简单

于 2013-04-23T01:20:15.433 回答
1

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

您能够做到这一点的唯一方法是,如果您同时拥有将包含在 iframe 中的页面,以及 iframe 将存在的页面。如果您确实拥有这两个页面,则可以使用 David Bradshaw 的 iframe resizer 插件。见https://github.com/davidjbradshaw/iframe-resizer

于 2017-02-07T15:16:38.723 回答