communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > Comment puis-je créer une Iframe plein écran avec une hauteur de 100 % et des barres de défilement masquées ?

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

DDD
Libérer： 2024-12-22 03:15:09
original
560 Les gens l'ont consulté

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

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 % :

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

Un autre option :

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

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

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

Méthode alternative :

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

Dans ces exemples, le parent se voit attribuer un débordement : caché 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.

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
Article précédent：Quelle est la différence entre « position : relative » et « position : absolue » en CSS ? Article suivant：Comment puis-je styliser les boutons radio avec CSS ?
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
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2282
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2417
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
2034
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1919
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1991
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal