Bagaimana untuk Membetulkan Saiz Latar Belakang: Isu Penutup pada Safari Mudah Alih?

Saiz Latar Belakang CSS: Penggantian Penutup untuk Safari Mudah Alih

Gelagat tidak dijangka Safari Mudah Alih berkenaan saiz latar belakang sifat CSS: penutup telah mendorong memerlukan penyelesaian alternatif. Masalah ini menjelma apabila imej gagal menutup sepenuhnya div masing-masing pada peranti iOS.

Penyelesaian:

Untuk menyelesaikan isu ini, anda perlu mengatasi lampiran latar belakang lalai : harta tetap pada peranti mudah alih. Dengan menetapkan lampiran latar belakang untuk menatal dalam pertanyaan media yang menyasarkan iPhone, imej latar belakang memperoleh semula tingkah laku yang diingini:

.section {
  background-size: cover;
  background-attachment: scroll; /* Override fixed attachment */
}

@media (max-width: @iphone-screen) {
  .section {
    background-attachment: scroll;
  }
}

Nota: Pembolehubah @iphone-screen dijangka akan dipratakrifkan.

Dengan melaksanakan penyelesaian ini, imej latar belakang akan meliputi keseluruhan div dengan lancar, tanpa mengira lebar atau ketinggian kandungannya. Saiz latar belakang: harta penutup kini berfungsi seperti yang dimaksudkan, memberikan pengalaman yang konsisten dan menarik secara visual pada Safari Mudah Alih.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Saiz Latar Belakang: Isu Penutup pada Safari Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!