Sébastien Rigaux

Chrome : ajuster automatiquement la hauteur d’une iframe selon son contenu

Consulter la ressourceEN

alfy.blog

Chrome 154 introduit la propriété CSS frame-sizing: content-height qui permet à une iframe de s’ajuster dynamiquement à la hauteur de son contenu, sans scripts ni échanges de messages. Cette fonctionnalité nécessite que la page embarquée ajoute une meta-tag spécifique et autorise explicitement le domaine parent, ce qui limite son usage immédiat aux cas où les deux parties coopèrent. L’article détaille les usages concrets (paiement, widgets, formulaires dynamiques), les contraintes de compatibilité et les bonnes pratiques pour éviter les fuites d’information ou les sauts de layout.

Illustration d’un article sur l’ajustement automatique de la hauteur des iframes dans Chrome