Bagaimana untuk Mencapai iFrame Skrin Penuh dengan Ketinggian 100% Merentasi Pelayar dan Sembunyikan Bar Skrol?-tutorial css-php.cn

Bagaimana untuk Mencapai iFrame Skrin Penuh dengan Ketinggian 100% Merentasi Pelayar dan Sembunyikan Bar Skrol?

Linda Hamilton

Lepaskan： 2025-01-02 12:56:40

asal

440 orang telah melayarinya

How to Achieve a Full-Screen iFrame with 100% Height Across Browsers and Hide Scrollbars?

iFrame Skrin Penuh dengan Ketinggian 100%

Soalan: Adakah ketinggian iframe=100% disokong dalam semua pelayar?

Dalam XHTML 1.0 Transitional, akan iframe dengan ketinggian=100% mengambil ketinggian halaman yang tinggal selepas mengambil kira ketinggian tetap 50px dalam bingkai lain di bahagian atas? Adakah ini disokong merentas pelayar utama (IE, Firefox, Safari)? Selain itu, bagaimanakah bar skrol boleh disembunyikan sepenuhnya, walaupun apabila menatal="no" ditentukan, dan bagaimanakah ketinggian iframe boleh ditetapkan secara automatik?

Jawapan:

Sementara menggunakan frameset mungkin merupakan pendekatan alternatif, iFrames juga boleh menampung keperluan.

iframe Ketinggian dan Bar Tatal:

Untuk memastikan ketinggian skrin penuh (100%) dan menyembunyikan bar skrol, gunakan kod berikut:

<body>

Salin selepas log masuk

Gaya Tambahan untuk Penindasan Bar Tatal:

<body>

Salin selepas log masuk

Godam untuk Disembunyikan Bar skrol dengan Lebar Penuh:

<body>

Salin selepas log masuk

Dengan membuat limpahan elemen induk: tersembunyi, bar skrol disembunyikan. Iframe dikembangkan kepada 150% lebar dan tinggi, memaksa bar skrol di luar sempadan halaman. Ini menghapuskan bar skrol yang boleh dilihat sambil memastikan iframe menduduki ketinggian halaman yang tinggal sepenuhnya.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai iFrame Skrin Penuh dengan Ketinggian 100% Merentasi Pelayar dan Sembunyikan Bar Skrol?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!