## Bagaimana Saya Membetulkan Isu Saiz Iframe pada iOS Menggunakan CSS?

Menyelesaikan Percanggahan Saiz iframe pada iOS Menggunakan CSS

Dalam bidang pembangunan web, adalah penting untuk memastikan elemen tapak web, seperti iframe, berkelakuan secara konsisten merentas pelayar dan peranti yang berbeza. Walau bagaimanapun, keadaan timbul apabila platform tertentu mungkin menunjukkan gelagat pemaparan yang tidak dijangka.

Contoh utama ialah isu saiz iframe pada iOS. Apabila iframe mengandungi lebih banyak kandungan daripada yang sesuai dalam bingkai yang ditetapkan, ia biasanya melimpah dengan sewajarnya pada penyemak imbas selain iOS. Walau bagaimanapun, pada iOS, Safari cenderung untuk mengubah saiz bingkai untuk menampung kandungan, menyimpang daripada reka bentuk yang dimaksudkan.

Tingkah laku ini boleh diatasi dengan memperkenalkan div pembalut dan menggunakan sifat CSS tertentu padanya. Khususnya:

<code class="css">.wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}</code>

Menyepadukan div pembalut ini di sekeliling iframe membolehkan pengendalian limpahan kandungan yang betul, walaupun pada peranti iOS.

Penyelesaian ini mengambil asal-usulnya daripada pemerhatian dan laporan sebelumnya tentang Stack Overflow. Terutamanya, pepijat telah diakui sejak iOS 4, dengan cerapan tambahan tersedia dalam sumber seperti:

• https://stackoverflow.com/a/6721310/1047398
• iframe dihidupkan Isu pemangkasan kandungan iOS (iPad)

Dengan melaksanakan sifat CSS dan div pembalut ini, pembangun boleh memastikan bahawa saiz iframe berfungsi seperti yang diharapkan merentas versi iOS yang berbeza.

Atas ialah kandungan terperinci ## Bagaimana Saya Membetulkan Isu Saiz Iframe pada iOS Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!