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

Linda Hamilton
Lepaskan: 2024-11-11 06:17:02
asal
610 orang telah melayarinya

How to Fix Background-Size: Cover Issues on Mobile Safari?

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;
  }
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan