Können Iframes bei einer Höheneinstellung von 100 % wirklich die gesamte Bildschirmhöhe ausfüllen?

Kann ein Iframe mit 100 % die gesamte Bildschirmhöhe einnehmen?

Der Artikel geht der Frage nach, ob Iframes mit einer Höhe von 100 % werden von allen Browsern allgemein unterstützt. Die Verwendung eines bestimmten Dokumenttyps und die Einbeziehung eines Iframe-Codes sind beide Teil der Anfrage.

Iframe-Höhenunterstützung

Der Antwort zufolge ist die Verwendung von Framesets ein Option. Wenn jedoch Iframes bevorzugt werden, werden zwei Codebeispiele bereitgestellt, um sicherzustellen, dass der Iframe die verbleibende Seitenhöhe einnimmt. Dazu gehört das Setzen von „Höhe“ und „Breite“ auf „100 %“ innerhalb des Stilattributs des Iframes.

Scrollbar-Verwaltung

Der Artikel befasst sich auch mit dem Problem der Scrollbars. Obwohl im Code „scrolling=no“ angegeben ist, werden die Bildlaufleisten weiterhin in Firefox angezeigt. Um dies zu beheben, sollten die Überlaufeinstellungen im übergeordneten Körperelement auf „versteckt“ gesetzt werden und gleichzeitig sichergestellt werden, dass der Iframe eine Höhe und Breite von mehr als 100 % hat oder eine absolute Position mit Abmessungen verwendet, die den gesamten Bildschirm einnehmen.

Zusätzliche Hinweise

Um Bildlaufleisten vollständig zu verbergen, können Höhe und Breite des Iframes auf 150 % eingestellt werden, wodurch die Bildlaufleiste effektiv verschoben wird Bildlaufleisten außerhalb der Seite. Dadurch wird sichergestellt, dass der Iframe den verfügbaren Bildschirmbereich vollständig ausfüllt, ohne dass Bildlaufleisten sichtbar sind.

Diese Lösung wird von den wichtigsten Browsern, einschließlich IE, Firefox und Safari, weitgehend unterstützt. Es ist jedoch wichtig zu beachten, dass der W3-HTML-Standard iFrames mit 100 % Höhe in reinen Dokumenttypen nicht offiziell unterstützt.

Das obige ist der detaillierte Inhalt vonKönnen Iframes bei einer Höheneinstellung von 100 % wirklich die gesamte Bildschirmhöhe ausfüllen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!