Iframe plein écran avec une hauteur de 100 %

Requête :

La hauteur de l'iframe = 100 % est-elle universellement prise en charge sur tous les navigateurs ? Lorsque vous utilisez XHTML1 comme doctype, une iframe d'une hauteur de 100 % occupera-t-elle la hauteur restante de la page (à l'exclusion d'un cadre de hauteur fixe de 50 px en haut) ? De plus, comment les barres de défilement peuvent-elles être complètement masquées tout en définissant automatiquement la hauteur de l'iframe ?

Réponse :

Bien que des jeux de cadres puissent être utilisés, les exemples fournis démontrent des méthodes alternatives pour implémenter un iframe plein écran avec une hauteur de 100 % :

Un autre option :

Pour supprimer les barres de défilement à l'aide de ces approches :

Méthode alternative :

Dans ces exemples, le parent se voit attribuer overflow: Hidden pour masquer les barres de défilement. En agrandissant l'iframe à 150 % de ses dimensions d'origine, les barres de défilement sont forcées au-delà des limites de la page. En conséquence, l'absence de barres de défilement dans le corps empêche l'iframe de s'étendre au-delà de ses limites sur la page. Cette stratégie masque efficacement les barres de défilement de l'iframe tout en permettant un affichage sur toute la largeur.