Responsive iframe embed pack

Fill the fields below. Copy host CSS/HTML, embed meta, and resize helper — nothing is uploaded.

Iframe src (path or URL on the host page) Iframe title (accessibility)

CSS class on the iframe

frame-sizing mode

Fallback height (px) for unsupported browsers

Optional max-height (CSS length)

Embed allow-origins (meta content)

Use * for any embedding origin, or space-separated https:// origins (Chrome docs). Restrict for third-party widgets.

Host CSS + iframe

Embed meta

requestResize helper

Call after the embedded document changes height. Prefer one call after all DOM updates, not inside a layout loop.

Full pack (host + embed + resize)

Why this tool exists

Chrome 154 introduced content-sized iframes. Teams still ship half the contract (CSS without meta, or meta without fallback). Official docs and MDN demos explain the API; this page turns your allow-list and heights into paste-ready snippets. Need steps? See the how-to or use cases.

Based on Chrome Developers “Responsive iframes” and MDN frame-sizing / requestResize. Not affiliated with Google. · How-to · FAQ · Privacy

Host CSS + iframe Copy

Embed meta Copy

requestResize helper Copy

Full pack (host + embed + resize) Copy

Host CSS + iframe

Embed meta

requestResize helper

Full pack (host + embed + resize)