Rumah > hujung hadapan web > tutorial js > Bolehkah Ketinggian IFrame Ditetapkan kepada 100% Tetingkap Penyemak Imbas Merentasi Semua Pelayar Utama?

Bolehkah Ketinggian IFrame Ditetapkan kepada 100% Tetingkap Penyemak Imbas Merentasi Semua Pelayar Utama?

Mary-Kate Olsen
Lepaskan: 2024-11-23 10:46:11
asal
491 orang telah melayarinya

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

iFrames Skrin Penuh Ketinggian 100%

Masalah: Bolehkah ketinggian iframe ditetapkan kepada 100%, memastikan ia menduduki keseluruhan tetingkap penyemak imbas , dalam semua pelayar utama (IE, Firefox, Safari)?

Jawapan: Ya, tetapan height="100%" dalam atribut iframe biasanya akan berfungsi dalam semua penyemak imbas utama.

Sokongan Penyemak Imbas:

  • Internet Explorer: Ya
  • Firefox: Ya
  • Safari: Ya

DOCTYPE yang betul untuk HTML:

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

Contoh Kod:

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

Menyembunyikan Bar Tatal:

Untuk menyembunyikan bar skrol sepenuhnya dan memastikan ketinggian iframe ditetapkan secara automatik, anda boleh menggunakan pendekatan berikut:

Contoh 1:

<body>
Salin selepas log masuk
Salin selepas log masuk

Contoh 2 (Alternatif):

<body>
Salin selepas log masuk
Salin selepas log masuk

Pendekatan ini bergantung pada menetapkan limpahan dan gaya kedudukan iframe untuk memastikan bar skrol disembunyikan sambil mengekalkan ketinggian 100%.

Atas ialah kandungan terperinci Bolehkah Ketinggian IFrame Ditetapkan kepada 100% Tetingkap Penyemak Imbas Merentasi Semua Pelayar Utama?. 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