我想知道是否可以拥有 Google Form iframe 的动态高度(100%)?
特别是,当您的 Google 表单扩展到两个或更多页面时。有没有办法将其调整为 100% 高度而不是放入高度像素?
谢谢
我想知道是否可以拥有 Google Form iframe 的动态高度(100%)?
特别是,当您的 Google 表单扩展到两个或更多页面时。有没有办法将其调整为 100% 高度而不是放入高度像素?
谢谢
嵌入 Google Forms iframe 的最佳方式是简单地拥有一个 100vh 的父元素。这样 iframe 可以垂直测量它所需的空间
<div style="height: 100vh;">
// Your embed code here with height and width set to 100%
</div>
100% 表示它将填充其父元素高度的 100%,如果没有更高的父元素,它将填充其高度的 100%body
iframe {
height:100%;
}
虽然,我敢肯定你的问题不会像最初指出的那么简单
您无法获得 iframe 的高度,因为浏览器安全措施会阻止 javascript 访问框架内容。
您能够做到这一点的唯一方法是,如果您同时拥有将包含在 iframe 中的页面,以及 iframe 将存在的页面。如果您确实拥有这两个页面,则可以使用 David Bradshaw 的 iframe resizer 插件。见https://github.com/davidjbradshaw/iframe-resizer