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 Sarandonoriginal
- 2024-12-26 04:30:10662parcourir
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>
Option 2 :
<body>
Pour forcer les barres de défilement en dehors de la page :
<body>
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!