Web features explorer

Responsive iframes

Limited availability

The frame-sizing CSS property sets the size of an <iframe> element to that of it contents, to avoid scrolling in the iframe. Embedded documents allow this with the <meta name="responsive-embedded-sizing"> element and request resizing in the embedding page by calling window.requestResize().

Browser support

  • Chrome 154 Released on 2026-09-22
  • Chrome Android 154 Released on 2026-09-22
  • Edge 154 Released on 2026-09-24
  • Firefox Not supported Bugs: 2035008
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported
👍
34

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

Developer use cases

  • I help maintain a project called "Playful Programming", a dev-ed non-profit. We have a blog / CMS platform that we want to enable people to leave embeddable interactive examples to. Think "A button that demos A11Y differences, encouraging users to try things with their screen-reader" inside of an article that should look/feel like it's embedded in an article naturally. I help maintain a project called "Playful Programming", a dev-ed non-profit. We have a blog / CMS platform that we want to enable people to leave embeddable interactive examples to. Think "A button that demos A11Y differences, encouraging users to try things with their screen-reader" inside of an article that should look/feel like it's embedded in an article naturally. [see original comment]
  • Embedding an external player for e.g. podcasts requires an iFrame-based rendering with all the known workaround downsides. Or if you have user-generated content and you want to isolate it into an iFrame, e.g. for chart rendering with Apache ECharts. The iFrame is the only easy way, since ECharts is too powerful and relies on sane user-generated content. Embedding an external player for e.g. podcasts requires an iFrame-based rendering with all the known workaround downsides. Or if you have user-generated content and you want to isolate it into an iFrame, e.g. for chart rendering with Apache ECharts. The iFrame is the only easy way, since ECharts is too powerful and relies on sane user-generated content. [see original comment]

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist