Bagaimanakah Saya Boleh Skalakan Kandungan iframe Terbenam agar Sesuai dengan Halaman Web Saya?

Menskalakan Kandungan iframe Terbenam

Menggabungkan iframe ke dalam halaman web anda membolehkan anda memaparkan kandungan luaran tanpa meninggalkan halaman utama. Walau bagaimanapun, melaraskan saiz kandungan terbenam mungkin diperlukan untuk mengoptimumkan pembentangannya.

Penyelesaian:

Pendekatan yang dicadangkan Kip boleh menskalakan kandungan dengan berkesan dalam iframe, termasuk pelayar seperti Opera dan Safari. Berikut ialah CSS yang dikemas kini untuk melaksanakan penyelesaiannya:

#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;
}

CSS ini mengubah suai sifat elemen #wrap dan #frame untuk mengawal saiz keseluruhan dan paparan iframe. Dengan menentukan skala transformasi 0.75, kandungan dalam iframe akan dikurangkan kepada 80% daripada saiz asalnya, mengekalkan nisbah bidangnya.

Untuk mengelakkan kemunculan bar skrol dalam iframe, anda juga mungkin mahu tambah limpahan: tersembunyi pada pengisytiharan CSS #frame.

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