高さ 100% の全画面 iFrame クロスブラウザのサポート
クエリ: 高さ 100% の iFrame は可能ですかすべてのメジャーで一貫してレンダリングされるブラウザ?
解決策:
現在の XHTML 1.0 Transitional doctype を使用すると、固定高さに関係なく、指定された高さと幅を持つ iFrame が残りのページの高さを埋めます。その上のフレーム。ただし、この動作はすべてのブラウザで普遍的にサポートされているわけではありません。
ブラウザ間の互換性を確保するには、次の代替案を検討してください。
方法 1:
<body>
メソッド2:
<body>
スクロールバーの非表示:
スクロールバーを完全に無効にするには、次のいずれかの方法を試してください:
方法1:
<body>
方法 2 (ハック):
<body>
2 番目の方法では、iFrame がページの境界を越えて拡張されるハックを使用します。
これらの解決策はすべてのブラウザで完全に機能するとは限らず、ブラウザ固有の機能が必要になる場合があることに注意してください。調整。
以上がすべてのブラウザで高さ 100% の全画面 iFrame を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
