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!