すべての主要なブラウザで IFrame の高さをブラウザウィンドウの 100% に設定できますか?-jsチュートリアル-php.cn

すべての主要なブラウザで IFrame の高さをブラウザウィンドウの 100% に設定できますか?

Mary-Kate Olsen

リリース： 2024-11-23 10:46:11

オリジナル

472 人が閲覧しました

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

高さ 100% の全画面 iFrame

問題: iframe の高さを 100% に設定して、ブラウザウィンドウ全体を確実に占有できるようにすることはできますか、すべての主要なブラウザ (IE、Firefox、 Safari)?

答え: はい、iframe の属性で height="100%" を設定すると、通常、すべての主要なブラウザで機能します。

ブラウザのサポート:

HTML の正しい DOCTYPE:

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

ログイン後にコピー

例コード:

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

ログイン後にコピー

スクロールバーの非表示:

スクロールバーを完全に非表示にし、iframe の高さが自動的に設定されるようにするには、次の方法を使用できます。

例1:

<body>

ログイン後にコピー

例 2 (代替):

<body>

ログイン後にコピー

これらのアプローチは、iframe のオーバーフロースタイルと位置スタイルの設定に依存して、スクロールバーは 100% の高さを維持したまま非表示になります。

以上がすべての主要なブラウザで IFrame の高さをブラウザウィンドウの 100% に設定できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。