Metode adaptif iframe dalam tata letak respons web

Dalam tata letak respons, kita harus berhati -hati tentang lebar dan tinggi atribut lebar dan tinggi dari elemen iframe, tetapi ketika lebar atau tinggi blok atau tinggi lebih kecil dari lebar atau tinggi iframe, fenomena iframe elemen meluap

IfRame yang meluap ini akan menghancurkan tata letak halaman. Kita dapat menggunakan satu cara untuk membuat elemen iframe juga merespons, dan menunggu dan melihat.

Elemen iframe itu sendiri tidak dapat ditarik kembali, kecuali lebar yang ditampilkan oleh JS yang ditampilkan. Tapi kita dapat membungkus iframe melalui elemen iframe-container, dan pada saat yang sama membuat lebar elemen iframe-container penuh dengan lebar yang mengandung blok, dan berdasarkan rasio panjang dan lebar iframe, atur persentase bantalan-bawah bantalan padding-bottom padding-bottom padding-bottom dari elemen iframe-container.

Bahkan, esensi dari metode ini terletak pada pengaturan properti bantalan-bawah dari elemen iframe-container. Karena menetapkan persentase untuk bantalan bantalan dibandingkan dengan lebar elemen induk, jika persentase atribut tinggi ditetapkan, itu dibandingkan dengan ketinggian elemen induk. hanya dapat mengatur atribut untuk bantalan-bantalan. Dengan cara ini, Anda hanya perlu membuat elemen iframe penuh dengan iframe-container.