masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mencipta Iframe Skrin Penuh Merentasi Penyemak Imbas Berbeza?

Bagaimanakah Saya Boleh Mencipta Iframe Skrin Penuh Merentasi Penyemak Imbas Berbeza?

DDD
Lepaskan： 2024-12-24 06:53:14
asal
831 orang telah melayarinya

How Can I Reliably Create a Full-Screen Iframe Across Different Browsers?

iframe Skrin Penuh dengan Ketinggian 100%

Soalan:

Bolehkah iframe dengan ketinggian 100% boleh dilaksanakan dengan pasti merentas semua pelayar utama (IE, Firefox, Safari), menggunakan kod HTML berikut:

<iframe src="xyz.pdf" width="100%" height="100%" />
Salin selepas log masuk

Jawapan:

Menggunakan iframe dengan ketinggian 100% tidak disokong secara universal dalam semua penyemak imbas. Untuk mencapai iframe skrin penuh, pertimbangkan pendekatan berikut:

Kaedah 1:

<body>
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

Bersembunyi Bar skrol:

Selain menetapkan ketinggian, anda boleh menyembunyikan bar skrol dengan:

Pilihan 1:

<iframe src="http://www.youraddress.com" frameborder="0">
Salin selepas log masuk

Pilihan 2:

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

Kaedah ini menyembunyikan bar skrol dengan menjadikan iframe melebihi saiz badan induk dan menggunakan limpahan:sifat tersembunyi pada badan untuk menyembunyikan mana-mana kawasan yang menonjol.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Iframe Skrin Penuh Merentasi Penyemak Imbas Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn
Artikel sebelumnya：Mengapa Three.js Melemparkan Ralat "Permintaan Silang Asal" Semasa Memuatkan Model 3D Setempat, dan Bagaimana Saya Boleh Membetulkannya? Artikel seterusnya：Bagaimanakah Saya Boleh Menghuraikan Data CSV dengan Cekap ke dalam Objek JavaScript?
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
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2277
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2411
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
2027
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1914
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1981
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan