Dynamic iframe height for Google Form

Question

I wanted to know if it is possible to have a dynamic height (100%) of a Google Form iframe?

Especially, when your Google form extends to two or more pages.. is there a way to have it resize to 100% height instead of putting in heigh pixel?

Thanks

Answer 1

The best way to embed a Google Forms iframe is to simply have a parent element that is 100vh. This way the iframe can measure it's required space vertically

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

Answer 2

100% means that it will fill 100% of the height of it's parent element, if there isn't a higher parent element, it will be 100% of the height of the body

iframe {
 height:100%;
}

Although, I'm sure your question will turn out to be not as simple as first indicated