iframe は本当に 100% の高さ設定で画面全体の高さを埋めることができますか?

iframe は画面全体の高さを 100% 占有することができますか?

この記事では、iframe の高さが 100% であるかどうかという問題を取り上げています。ブラウザ間で広くサポートされています。特定の doctype の使用と iframe コードの組み込みは両方とも問い合わせの一部です。

Iframe Height Support

回答によると、フレームセットの利用は問題です。オプション。ただし、iframe が優先される場合は、iframe がページの残りの高さを占めるようにするための 2 つのコード例が提供されています。これには、iframe の style 属性内で「高さ」と「幅」を「100%」に設定することが含まれます。

スクロールバー管理

この記事では、スクロールバーの問題も取り上げています。コードでは「scrolling=no」を指定していますが、Firefox ではスクロールバーが引き続き表示されます。これに対処するには、親 body 要素のオーバーフロー設定を「非表示」に設定し、iframe の高さと幅が 100% より大きいことを確認するか、画面全体を占める寸法で絶対位置を使用する必要があります。

追加メモ

スクロールバーを完全に隠すには、iframe の高さと幅を次のように設定できます。 150%、効果的にスクロールバーをページから押し出します。これにより、スクロールバーが表示されずに iframe が利用可能な画面領域を完全に占有するようになります。

このソリューションは、IE、Firefox、Safari などの主要なブラウザで広くサポートされています。ただし、w3 HTML 標準は、純粋な doctype の高さ 100% の iframe を正式に承認していないことに注意することが重要です。

以上がiframe は本当に 100% の高さ設定で画面全体の高さを埋めることができますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。