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

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

Ein anderer Option:

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

Alternative Methode:

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!