Les Iframes peuvent-elles vraiment remplir toute la hauteur de l'écran avec un paramètre de hauteur de 100 % ?

Une Iframe peut-elle occuper toute la hauteur de l'écran à 100 % ?

L'article aborde la question de savoir si les iframes ont une hauteur de 100 % sont universellement pris en charge sur tous les navigateurs. L'utilisation d'un doctype spécifique et l'inclusion d'un code iframe font toutes deux partie de l'enquête.

Prise en charge de la hauteur Iframe

Selon la réponse, l'utilisation de jeux de cadres est un option. Cependant, si les iframes sont préférés, deux exemples de code sont fournis pour garantir que l'iframe occupe la hauteur restante de la page. Cela inclut le réglage de la « hauteur » et de la « largeur » sur « 100 % » dans l'attribut de style de l'iframe.

Gestion des barres de défilement

L'article aborde également le problème des barres de défilement. Bien que le code spécifie « scrolling=no », les barres de défilement apparaissent toujours dans Firefox. Pour résoudre ce problème, les paramètres de débordement dans l'élément de corps parent doivent être définis sur "masqué" tout en garantissant que l'iframe a une hauteur et une largeur supérieures à 100 % ou utilise une position absolue avec des dimensions occupant tout l'écran.

Notes supplémentaires

Pour masquer complètement les barres de défilement, la hauteur et la largeur de l'iframe peuvent être définies à 150 %, poussant ainsi efficacement la barres de défilement hors de la page. Cela garantit que l'iframe occupe entièrement la zone d'écran disponible sans barres de défilement visibles.

Cette solution est largement prise en charge par les principaux navigateurs, notamment IE, Firefox et Safari. Cependant, il est important de noter que la norme HTML w3 n'approuve pas officiellement les iframes avec une hauteur de 100 % dans les doctypes purs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!