高さ 100% でスクロールバーが非表示の全画面 Iframe を作成するにはどうすればよいですか?

高さ 100% の全画面 iframe

クエリ:

iframe height=100% はユニバーサルにサポートされていますかブラウザ間で? XHTML1 を doctype として使用する場合、高さ 100% の iframe が残りのページの高さを占めますか (上部の 50 ピクセルの固定高さフレームを除く)。さらに、iframe の高さを自動的に設定するときにスクロールバーを完全に非表示にするにはどうすればよいですか?

応答:

フレームセットを使用することもできますが、提供されている例は、フレームセットを実装するための代替方法を示しています。高さ 100% の全画面 iframe:

別のオプション:

これらの方法を使用してスクロールバーを抑制するには:

代替方法:

これらの例では、親に overflow: hidden が割り当てられます。スクロールバーを非表示にします。 iframe を元のサイズの 150% に拡大すると、スクロールバーがページの境界を越えて表示されます。その結果、本文にスクロールバーがないため、iframe がページ上の境界を超えて拡張できなくなります。この戦略は、全幅表示を可能にしながら、iframe のスクロールバーを効果的に隠します。

以上が高さ 100% でスクロールバーが非表示の全画面 Iframe を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。