Responsive iframe demo

Your browser doesn't support frame-sizing, so this demo won't work. The iframe below has a fixed height, and will scroll. Try it in Chrome 154 or later.

The iframe below (dashed border) is 70% of the page width, and uses frame-sizing: content-height, so it's sized to the height of its content. Expand the sections inside it to see it grow.

The width matters too. Resize the window and reload, and the height will change to fit. In Chrome 155, the height doesn't update when the window is resized without a reload.

This paragraph is after the iframe, and will move as the iframe resizes.