Valeur d'attribut HTML `<meta name="responsive-embedded-sizing">`

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

La valeur responsive-embedded-sizing pour l'attribut name d'un élément HTML <meta> permet à un document intégré dans un <iframe> de partager ses informations de taille avec le document parent. La frame peut alors être dimensionnée par rapport à la taille de mise en page de son document contenu en utilisant la propriété CSS frame-sizing.

Description

Pour des raisons de sécurité et de confidentialité, les éléments HTML <iframe> n'exposent pas par défaut d'informations au document parent sur la taille du contenu dans le document qu'ils intègrent.

Pour activer le dimensionnement réactif des éléments HTML <iframe> en fonction de leur contenu, la balise <meta name="responsive-embedded-sizing"> peut être incluse dans un document intégré pour lui permettre de partager ses informations de taille avec le document parent.

La propriété CSS frame-sizing peut alors être définie sur l'élément HTML <iframe> pour qu'il adopte la même taille horizontale ou verticale que la taille réelle du contenu du document intégré (appelée taille intrinsèque de mise en page interne dans la spécification, mais abrégée en « taille de mise en page » dans notre documentation). Cela permet au contenu de l'élément HTML <iframe> de s'intégrer parfaitement dans l'élément parent et d'éviter les barres de défilement inutiles.

Pour redimensionner dynamiquement un <iframe> au fur et à mesure que le document intégré change de taille de mise en page, vous pouvez appeler la méthode Window.requestResize() depuis le document intégré pour qu'il signale une taille mise à jour.