Maison > interface Web > tutoriel CSS > Comment puis-je créer un iFrame plein écran avec une hauteur de 100 % et des barres de défilement masquées ?

Comment puis-je créer un iFrame plein écran avec une hauteur de 100 % et des barres de défilement masquées ?

Susan Sarandon
Libérer: 2024-12-26 04:30:10
original
664 Les gens l'ont consulté

How Can I Create a Full-Screen iFrame with a 100% Height and Hidden Scrollbars?

iFrame plein écran avec une hauteur de 100 %

La hauteur iframe=100 % peut-elle être utilisée dans tous les navigateurs ?

Oui, avec le doctype HTML fourni, la définition de la hauteur de l'iframe à 100 % est prise en charge par les principaux navigateurs comme IE, Firefox et Safari. Il remplira la hauteur restante de la page après avoir pris en compte le cadre supérieur à hauteur fixe de 50 px.

Comment masquer complètement les barres de défilement et définir automatiquement la hauteur de l'iframe ?

Pour masquer les barres de défilement et ajustez automatiquement la hauteur de l'iframe, vous pouvez utiliser les approches suivantes :

Option 1 :

<body>
Copier après la connexion
Copier après la connexion
Copier après la connexion

Option 2 :

<body>
Copier après la connexion
Copier après la connexion
Copier après la connexion

Pour forcer les barres de défilement en dehors de la page :

<body>
Copier après la connexion
Copier après la connexion
Copier après la connexion

En rendant l'iframe d'une taille de 150 % et en masquant les barres de défilement, vous forcez la partie excédentaire à l'extérieur de la page. zone visible.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal