高さ 100% の全画面 iframe

クエリ:

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

Response:

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

Anotherオプション:

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

代替方法:

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