La hauteur de l'IFrame peut-elle être définie sur 100 % de la fenêtre du navigateur dans tous les principaux navigateurs ?-js tutoriel-php.cn

La hauteur de l'IFrame peut-elle être définie sur 100 % de la fenêtre du navigateur dans tous les principaux navigateurs ?

Mary-Kate Olsen

Libérer： 2024-11-23 10:46:11

original

472 Les gens l'ont consulté

Can IFrame Height Be Set to 100% of the Browser Window Across All Major Browsers?

iFrames plein écran à 100 % de hauteur

Problème : La hauteur d'une iframe peut-elle être réglée à 100 %, garantissant qu'elle occupe toute la fenêtre du navigateur , dans tous les principaux navigateurs (IE, Firefox, Safari) ?

Réponse : Oui, la définition de height="100%" dans les attributs d'une iframe fonctionnera généralement dans tous les principaux navigateurs.

Prise en charge des navigateurs :

Internet Explorer : Oui
Firefox : Oui
Safari : Oui

DOCTYPE correct pour HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Copier après la connexion

Exemple de code :

<iframe src="xyz.pdf" width="100%" height="100%" />

Copier après la connexion

Masquage Barres de défilement :

Pour masquer complètement les barres de défilement et garantir que la hauteur de l'iframe est définie automatiquement, vous pouvez utiliser l'approche suivante :

Exemple 1 :

<body>

Copier après la connexion

Exemple 2 (Alternative) :

<body>

Copier après la connexion

Ces approches reposent sur la définition des styles de débordement et de position de l'iframe pour garantir que les barres de défilement sont masquées tout en conservant une hauteur de 100 %.

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!