Как установить размер Iframe динамически

Как я должен динамически устанавливать размеры Iframe, поэтому размер гибкий для Различные размеры видового вида?

Например:

<iframe src="html_intro.asp" width="100%" height="300">
  <p>Hi SOF</p>
</iframe>

В этом случае высота отличается в зависимости от размера окна браузера. Он должен быть установлен динамически в зависимости от размера окна браузера.

При любом размере соотношение сторон IFrame должно быть одинаковым. Как это можно сделать?