Bagaimanakah Saya Boleh Skalakan Kandungan Iframe agar Sesuai dengan Halaman Web Saya?

Menskalakan Kandungan Iframe: Panduan Komprehensif

Apabila memasukkan iframe ke dalam halaman web, selalunya perlu melaraskan saiznya agar muat dengan lancar dalam susun atur halaman. Artikel ini menyediakan penyelesaian terperinci untuk menskalakan kandungan iframe, memastikan ia dipaparkan pada saiz yang dikehendaki berbanding dengan dimensi asalnya.

Untuk menskalakan kandungan iframe, kami menggunakan gabungan teknik:

1. Penahanan dengan Wrapper DIV:

Sisipkan iframe dalam DIV yang mengandungi dengan dimensi tertentu. Ini menetapkan saiz keseluruhan yang boleh diduduki oleh iframe.

2. Transformasi CSS:

Menggunakan sifat transformasi CSS dengan nilai skala yang sesuai, skalakan kandungan iframe kepada saiz pecahan DIV pembalut.

Kod CSS yang disediakan menunjukkan pelaksanaan ini:

#wrap { width: 600px; height: 390px; padding: 0; overflow: hidden; }
#frame { width: 800px; height: 520px; border: 1px solid black; }
#frame {
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}

Tambahan Pelarasan:

Bergantung pada kesan visual yang diingini, anda mungkin perlu menetapkan limpahan: tersembunyi pada #bingkai untuk menyembunyikan sebarang kandungan yang melimpah dan menghalang bar skrol.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Skalakan Kandungan Iframe agar Sesuai dengan Halaman Web Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!