# Chrome: auto-sizing iframes to their content with CSS

Canonical source : [Chrome: auto-sizing iframes to their content with CSS](<https://sebastien.rigaux.be/en/tech-watch/links/chrome-auto-sizing-iframes-to-their-content-with-css>)

Chrome 154 introduces the `frame-sizing: content-height` CSS property, letting iframes automatically match their content’s height without scripts or message passing. This requires the embedded page to opt in with a meta tag and explicitly allow the parent domain, so adoption depends on both sides cooperating. The article details practical use cases (payments, widgets, dynamic forms), compatibility constraints, and best practices to avoid information leaks or layout shifts.

- Selected on : 2026-10-16

- Resource publication : 2026-10-09

- Entry updated : 2026-11-07T20:32:37+0000

- Format : Article

- Source language : EN

- Credit : Ahmad Elalfy

Original resource : [Chrome: auto-sizing iframes to their content with CSS](<https://alfy.blog/2026/10/09/iframe-that-finally-fit-their-content.html>)

Tags : [CSS](<https://sebastien.rigaux.be/en/tech-watch/tags/css>) · [HTML](<https://sebastien.rigaux.be/en/tech-watch/tags/html>) · [Responsive design](<https://sebastien.rigaux.be/en/tech-watch/tags/responsive-design>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/chrome-ajuster-automatiquement-la-hauteur-d-une-iframe-selon-son-contenu>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/chrome-auto-sizing-iframes-to-their-content-with-css>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)