Beschrijving
Om veiligheids- en privacyredenen geven <iframe>-elementen standaard geen informatie vrij aan het bovenliggende document over de grootte van de inhoud in het document dat ze insluiten.
Om responsieve grootteaanpassing van <iframe>-elementen op basis van hun inhoud mogelijk te maken, kan de tag <meta name="responsive-embedded-sizing"> worden opgenomen in een ingesloten document om het ervoor te laten kiezen zijn afmetingsinformatie te delen met het bovenliggende document.
De CSS-eigenschap frame-sizing kan vervolgens op de <iframe> worden ingesteld, zodat deze dezelfde horizontale of verticale afmeting aanneemt als de werkelijke inhoudsgrootte van het ingesloten document (in de specificatie de internal layout intrinsic size genoemd, maar in onze documentatie afgekort tot "layout size" oftewel lay-outgrootte). Hierdoor kan de inhoud van een <iframe> naadloos passen in het insluitende element, waardoor onnodige schuifbalken worden vermeden.
Om de <iframe> dynamisch te laten meeschalen wanneer de lay-outgrootte van het ingesloten document verandert, kun je de methode Window.requestResize() aanroepen vanuit het ingesloten document, zodat het een bijgewerkte grootte doorgeeft.
Voorbeelden
Zie de pagina's frame-sizing en Window.requestResize() voor volledige voorbeelden.