Embed iFrame Height

Hi Karl, thanks for your reply.  I think I discovered the answer right after hitting send.

First, I tried entering only a height declaration only using iframe height attribute:

<iframe src="https://www.blah.com/index.html" height="600"></iframe>

I also tried appending the height declaration with px, even though this is not in the html spec (but it is observed in the following Rise article). Both of these resulted in the iframe running off the length of the page vertically (see attachment).

Second, I tried css style attributes.  CSS styling would be my preferred method:

<iframe src="https://www.blah.com/index.html" style="height: 600px; width: 600px;"></iframe>

This resulted in the style code being ignored and removed from the iframe markup.

Finally, I was successful when using both height and width iframe attributes:

<iframe src="https://www.blah.com/index.html" height="400" width="400"></iframe>

The last thing I discovered is that these properties do not control the size of the frame in a traditional 'absolute pixel value' sense.  They seem to define a fixed aspect ratio to responsively render the iframe. So using height="1" with="1" renders the same as height="400" with="400".

Thanks!