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 ?
- DDDoriginal
- 2024-12-22 03:15:09602parcourir
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>
Un autre option :
<body>
Pour supprimer les barres de défilement à l'aide de ces approches :
<body>
Méthode alternative :
<body>
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!