Responsive iframes in Chrome 154

Chrome logo, an illustration of a scrollable embedded page, an HTML snippet with a responsive-embedded-sizing meta element, a frame-sizing CSS snippet, and title “Responsive iframes in Chrome 154”.

Sebastian Benz and Bramus Van Damme introduce frame-sizing, a CSS property that lets an embedded frame grow with its content instead of reporting height through postMessage. The embedding page sets frame-sizing: content-height, and the embedded document opts in with a <meta> element that can restrict origins. After content changes, window.requestResize() asks for a new measurement. Behind flags in Chrome and Edge.

developer.chrome.com/blog/responsive-iframes