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

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 :


Option 2 :


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


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!

Déclaration
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
La fonctionnalité @Apply de Tailwind est meilleure qu'il n'y paraîtLa fonctionnalité @Apply de Tailwind est meilleure qu'il n'y paraîtApr 23, 2025 am 09:23 AM

La plupart du temps, les gens présentent la fonctionnalité de Tailwind avec l'un des utilitaires à propriété unique de Tailwind (qui modifie une seule déclaration CSS). Lorsqu'il est présenté de cette façon, @Apply ne semble pas du tout prometteur. So évidence

Se sentir comme je n'ai pas de libération: un voyage vers les déploiements sainsSe sentir comme je n'ai pas de libération: un voyage vers les déploiements sainsApr 23, 2025 am 09:19 AM

Le déploiement comme un idiot se résume à un décalage entre les outils que vous utilisez pour déployer et la récompense en complexité réduite par rapport à la complexité ajoutée.

Donc, vous voulez abandonner CSS pré- et post-processeurs ...Donc, vous voulez abandonner CSS pré- et post-processeurs ...Apr 23, 2025 am 09:18 AM

Il y avait une fois où le CSS natif manquait de nombreuses caractéristiques essentielles, laissant les développeurs pour trouver toutes sortes de façons de rendre CSS plus facile à écrire au fil des ans.

Un nouveau rapport de préparation 'Web'Un nouveau rapport de préparation 'Web'Apr 23, 2025 am 09:14 AM

La préparation HTML 5 était un site qui montrait à travers un arc-en-ciel de couleurs que le navigateur prend en charge pour plusieurs fonctionnalités Web. Et une nouvelle version?

Crafting Strong DX avec des composants Astro et dactylographiquesCrafting Strong DX avec des composants Astro et dactylographiquesApr 23, 2025 am 09:10 AM

Une chose que nous pouvons faire pour aider les équipes à code cohérente est de fournir une vérification de type afin que toutes les options configurables pour un composant spécifique soient disponibles lors du codage. Bryan montre comment il fait cela avec TypeScript lorsqu'il travaille avec Astro Comp

Simulation du mouvement de la sourisSimulation du mouvement de la sourisApr 22, 2025 am 11:45 AM

Si vous avez jamais eu à afficher une animation interactive lors d'un discours en direct ou d'une classe, vous savez peut-être que ce n'est pas toujours facile d'interagir avec vos diapositives

Alimentation de recherche avec Astro Actions et Fuse.jsAlimentation de recherche avec Astro Actions et Fuse.jsApr 22, 2025 am 11:41 AM

Avec Astro, nous pouvons générer la plupart de notre site pendant notre version, mais avoir un petit peu de code côté serveur qui peut gérer les fonctionnalités de recherche en utilisant quelque chose comme Fuse.js. Dans cette démo, nous utiliserons du fusible pour rechercher un ensemble de «signets» personnels

Undefined: la troisième valeur booléenneUndefined: la troisième valeur booléenneApr 22, 2025 am 11:38 AM

Je voulais implémenter un message de notification dans l'un de mes projets, similaire à ce que vous verriez dans Google Docs pendant que un document enregistre. En d'autres termes, un

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

MinGW - GNU minimaliste pour Windows

MinGW - GNU minimaliste pour Windows

Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

SublimeText3 version anglaise

SublimeText3 version anglaise

Recommandé : version Win, prend en charge les invites de code !