ホームページ >ウェブフロントエンド >CSSチュートリアル >高さ 100% でスクロールバーが非表示の全画面 Iframe を作成するにはどうすればよいですか?
高さ 100% でスクロールバーが非表示の全画面 Iframe を作成するにはどうすればよいですか?
- DDDオリジナル
- 2024-12-22 03:15:09563ブラウズ
高さ 100% の全画面 iframe
クエリ:
iframe height=100% はユニバーサルにサポートされていますかブラウザ間で? XHTML1 を doctype として使用する場合、高さ 100% の iframe が残りのページの高さを占めますか (上部の 50 ピクセルの固定高さフレームを除く)。さらに、iframe の高さを自動的に設定するときにスクロールバーを完全に非表示にするにはどうすればよいですか?
応答:
フレームセットを使用することもできますが、提供されている例は、フレームセットを実装するための代替方法を示しています。高さ 100% の全画面 iframe:
<body>
別のオプション:
<body>
これらの方法を使用してスクロールバーを抑制するには:
<body>
代替方法:
<body>
これらの例では、親に overflow: hidden が割り当てられます。スクロールバーを非表示にします。 iframe を元のサイズの 150% に拡大すると、スクロールバーがページの境界を越えて表示されます。その結果、本文にスクロールバーがないため、iframe がページ上の境界を超えて拡張できなくなります。この戦略は、全幅表示を可能にしながら、iframe のスクロールバーを効果的に隠します。
以上が高さ 100% でスクロールバーが非表示の全画面 Iframe を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。