Google 表單的動態 iframe 高度

Question

我想知道是否可以擁有 Google Form iframe 的動態高度（100%）？

特別是，當您的 Google 表單擴展到兩頁或更多頁時……有沒有辦法將其調整為 100% 高度而不是放入高度像素？

謝謝

Answer 1

嵌入 Google Forms iframe 的最佳方法是簡單地擁有一個 100vh 的父元素。 這樣 iframe 就可以垂直測量它所需的空間

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

Answer 2

100% 表示它將填充其父元素高度的 100%，如果沒有更高的父元素，它將填充body高度的 100%

iframe {
 height:100%;
}

雖然，我相信你的問題不會像最初指出的那么簡單

Answer 3

您無法獲得 iframe 的高度，因為瀏覽器安全措施會阻止 javascript 訪問框架內容。

您能夠做到這一點的唯一方法是，您擁有將包含在 iframe 中的頁面，以及 iframe 所在的頁面。 如果您確實擁有這兩個頁面，則可以使用 David Bradshaw 的 iframe resizer 插件。 見https://github.com/davidjbradshaw/iframe-resizer