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 Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported
👍
8

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]

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