Kann die IFrame-Höhe in allen gängigen Browsern auf 100 % des Browserfensters eingestellt werden?-js-Tutorial-php.cn

Kann die IFrame-Höhe in allen gängigen Browsern auf 100 % des Browserfensters eingestellt werden?

Mary-Kate Olsen

Freigeben： 2024-11-23 10:46:11

Original

471 Leute haben es durchsucht

Can IFrame Height Be Set to 100% of the Browser Window Across All Major Browsers?

Vollbild-iFrames mit 100 % Höhe

Problem: Kann die Höhe eines Iframes auf 100 % eingestellt werden, um sicherzustellen, dass er das gesamte Browserfenster einnimmt? , in allen gängigen Browsern (IE, Firefox, Safari)?

Antwort: Ja, die Einstellung von height="100 %" in den Attributen eines Iframes funktioniert im Allgemeinen in allen gängigen Browsern.

Browser-Unterstützung:

Internet Explorer: Ja
Firefox: Ja
Safari: Ja

Korrekter DOCTYPE für HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Nach dem Login kopieren

Beispielcode:

<iframe src="xyz.pdf" width="100%" height="100%" />

Nach dem Login kopieren

Verstecken Bildlaufleisten:

Um Bildlaufleisten vollständig auszublenden und sicherzustellen, dass die Iframe-Höhe automatisch eingestellt wird, können Sie den folgenden Ansatz verwenden:

Beispiel 1:

<body>

Nach dem Login kopieren

Beispiel 2 (Alternative):

<body>

Nach dem Login kopieren

Diese Ansätze basieren auf der Festlegung der Überlauf- und Positionsstile des Iframes, um sicherzustellen, dass die Bildlaufleisten ausgeblendet sind und gleichzeitig eine Höhe von 100 % beibehalten.

Das obige ist der detaillierte Inhalt vonKann die IFrame-Höhe in allen gängigen Browsern auf 100 % des Browserfensters eingestellt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!