Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Membuat iFrame Skrin Penuh dengan Ketinggian 100% Merentas Semua Penyemak Imbas?

Bagaimanakah Saya Boleh Membuat iFrame Skrin Penuh dengan Ketinggian 100% Merentas Semua Penyemak Imbas?

Susan Sarandon
Lepaskan: 2024-11-25 15:42:11
asal
486 orang telah melayarinya

How Can I Make a Full-Screen iFrame with 100% Height Across All Browsers?

iFrame skrin penuh dengan 100% Ketinggian Sokongan Silang Penyemak Imbas

Pertanyaan: Bolehkah iFrames dengan ketinggian 100% diberikan secara konsisten merentas semua major pelayar?

Penyelesaian:

Menggunakan doctype XHTML 1.0 Transitional semasa, iFrame dengan ketinggian dan lebar yang ditentukan akan mengisi ketinggian halaman yang tinggal, tanpa mengira sebarang ketinggian tetap bingkai di atasnya. Walau bagaimanapun, tingkah laku ini tidak disokong secara universal oleh semua penyemak imbas.

Untuk memastikan keserasian merentas penyemak imbas, pertimbangkan alternatif berikut:

Kaedah 1:

<body>
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Kaedah 2:

<body>
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Menyembunyikan Bar Tatal:

Untuk melumpuhkan bar skrol sepenuhnya, cuba salah satu teknik ini:

Kaedah 1:

<body>
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Kaedah 2 (Hack):

<body>
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

Kaedah kedua menggunakan hack di mana iFrame dikembangkan melepasi sempadan halaman untuk menyembunyikan bar skrol.

Ingat bahawa penyelesaian ini mungkin tidak berfungsi dengan sempurna dalam semua penyemak imbas dan mungkin memerlukan pelarasan khusus penyemak imbas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat iFrame Skrin Penuh dengan Ketinggian 100% Merentas Semua Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan