Heim > Web-Frontend > CSS-Tutorial > Wie kann ich einen Vollbild-Iframe mit 100 % Höhe und ausgeblendeten Bildlaufleisten erstellen?

Wie kann ich einen Vollbild-Iframe mit 100 % Höhe und ausgeblendeten Bildlaufleisten erstellen?

DDD
Freigeben: 2024-12-22 03:15:09
Original
560 Leute haben es durchsucht

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

Vollbild-Iframe mit einer Höhe von 100 %

Abfrage:

Wird Iframe-Höhe = 100 % universell unterstützt? browserübergreifend? Wird bei Verwendung von XHTML1 als Dokumenttyp ein Iframe mit einer Höhe von 100 % die verbleibende Seitenhöhe einnehmen (mit Ausnahme eines 50-Pixel-Frames mit fester Höhe oben)? Wie können außerdem Bildlaufleisten vollständig ausgeblendet werden, während die Höhe des Iframes automatisch festgelegt wird?

Antwort:

Während Framesets verwendet werden können, zeigen die bereitgestellten Beispiele alternative Methoden zur Implementierung von a Vollbild-Iframe mit einer Höhe von 100 %:

<body>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Ein anderer Option:

<body>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Um Bildlaufleisten mit diesen Ansätzen zu unterdrücken:

<body>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Alternative Methode:

<body>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

In diesen Beispielen wird dem übergeordneten Element overflow:hidden zugewiesen um Bildlaufleisten zu verbergen. Durch die Vergrößerung des Iframes auf 150 % seiner ursprünglichen Abmessungen werden die Bildlaufleisten gezwungen, über die Seitengrenzen hinauszugehen. Das Fehlen von Bildlaufleisten im Hauptteil verhindert daher, dass der Iframe über seine Grenzen auf der Seite hinausragt. Diese Strategie verbirgt effektiv die Bildlaufleisten des Iframes und ermöglicht gleichzeitig eine Anzeige in voller Breite.

Das obige ist der detaillierte Inhalt vonWie kann ich einen Vollbild-Iframe mit 100 % Höhe und ausgeblendeten Bildlaufleisten erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage