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?

Susan Sarandon
Susan SarandonOriginal
2024-12-26 04:30:10624Durchsuche

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

Vollbild-iFrame mit einer Höhe von 100 %

Kann die Iframe-Höhe = 100 % in allen Browsern verwendet werden?

Ja, mit dem bereitgestellten HTML-Dokumenttyp wird die Einstellung der Iframe-Höhe auf 100 % von Major unterstützt Browser wie IE, Firefox und Safari. Es füllt die verbleibende Seitenhöhe aus, nachdem der 50 Pixel große obere Rahmen mit fester Höhe berücksichtigt wurde.

Wie blende ich Bildlaufleisten vollständig aus und stelle die Iframe-Höhe automatisch ein?

Um Bildlaufleisten auszublenden und Um die Iframe-Höhe automatisch anzupassen, können Sie die folgenden Ansätze verwenden:

Option 1:

<body>

Option 2:

<body>

So erzwingen Sie Bildlaufleisten außerhalb der Seite:

<body>

Indem Sie den Iframe auf 150 % vergrößern und die Bildlaufleisten ausblenden, erzwingen Sie, dass der überschüssige Teil außerhalb der Seite sichtbar ist Bereich.

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!

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