Celah tidak Bekerja di Safari: 3 Cara Mudah Memperbaikinya

Siapa yang tidak senang ketika browser mengimplementasikan fitur CSS baru? Namun, terkadang fitur tertentu, seperti celah kolom, tidak berfungsi di Safari.

Properti gap adalah upaya untuk menyediakan properti yang mirip dengan grid CSS dan flexbox. Ini akan bertanggung jawab atas ruang (talang) antara kolom dan baris.

Namun, browser tertentu, termasuk Safari, tidak mengaktifkan properti gap saat menggunakan tata letak fleksibel. Ini bukan satu-satunya masalah dengan browser, dan banyak yang melaporkan bahwa Safari tidak dapat mengunduh file, tetapi kami membahas masalah itu dalam panduan terpisah.

Apakah celah berfungsi di Safari?

Jika celah kolom atau celah kisi tidak berfungsi di Safari, kemungkinan besar karena Anda menggunakan Safari versi kurang dari 14.

Celah baris dan celah kolom sekarang didukung di wadah Flexbox di Safari 14.1. Pembaruan ini memungkinkan flexbox untuk digunakan dalam desain web tanpa perlu peretasan margin yang canggung.

Tetapi jika celah kolom tidak berfungsi di Safari, ada cara untuk memperbaikinya.

Apakah Flexbox Gap didukung di semua browser?

Sebagian besar browser modern mendukung flexbox. Beberapa browser web memiliki implementasi eksperimental dari flexbox. Menggunakan awalan vendor adalah prosedur standar untuk mengembangkan implementasi eksperimental.

Masalah ini hanya memengaruhi Safari sebelum versi 15.4, tetapi jika Anda menggunakan ini atau rilis yang lebih baru, Anda tidak memiliki masalah apa pun.

Sekarang setelah Anda mengetahui lebih banyak tentang fitur ini, mari kita lihat apa yang dapat kami lakukan jika celah kisi tidak berfungsi di Safari.

Tip Singkat:

Sederhananya, Anda dapat mengatasi masalah situs web ini dengan kolom atau baris celah hanya dengan mengalihkan browser Anda ke Opera.

Solusi ini tidak memperbaiki masalah di Safari tetapi tetap memberikan navigasi yang dioptimalkan dengan dukungan properti gap dan banyak fitur integrasi.

Opera

Navigasi tanpa kesalahan di halaman web mana pun menggunakan fitur dan aksesibilitas lanjutan.

Gratis Kunjungi situs web

Bagaimana cara memperbaiki celah jika tidak berfungsi di Safari?

1. Perbarui Safari Anda ke versi terbaru

1. Pilih Preferensi Sistem dari apel menu di sudut layar Anda.
   
2. Klik Pembaruan perangkat lunak.
   
3. Tunggu Mac melakukan pemeriksaan pembaruan.
4. Klik Tingkatkan sekarang jika ada pembaruan yang dapat diakses.
   
5. Periksa opsi berlabel Perbarui Mac saya secara otomatis untuk mendapatkan pemutakhiran macOS dan Safari secara otomatis.
6. Tunggu pembaruan apa pun untuk diinstal di Mac Anda.

Solusi ini bukan solusi celah fleksibel Safari, dan ini akan memperbaiki masalah di komputer Anda secara permanen.

2. Solusi celah fleksibel

1. Buka file CSS Anda.
2. Sekarang tambahkan ke elemen yang diinginkan kode berikut:
tampilan: kisi;
celah kisi: 8rem;
celah: 8rem;
   
3. Simpan perubahan.

Jika celah fleksibel CSS tidak berfungsi, Anda dapat memperbaiki masalah ini dengan menggunakan solusi. Tidak ada dukungan untuk Flexbox di Safari kurang dari 14.

Celah kisi didukung di versi Safari sebelumnya; oleh karena itu, beralih dari tampilan fleksibel ke kisi akan lebih disukai.

3. Gunakan pemilih burung hantu yang dilobotomikan

1. Buka file CSS di editor favorit Anda.
2. Sekarang tambahkan baris kode ini:.parent_div>*+* { margin-kiri: 8rem;}

   

3. Simpan perubahan.

Selektor CSS tiga karakter yang tidak biasa ada dalam bentuk pemilih burung hantu yang dilobotomi. Karena memiliki kemiripan yang luar biasa dengan tampilan hampa burung hantu, ini disebut pemilih burung hantu lobotomi.

Apa yang bisa saya gunakan sebagai ganti celah di CSS?

Alih-alih menggunakan celah di CSS 3, Anda dapat menggunakan margin-kanan di CSS 3. Jika celah tidak berfungsi sama sekali di Safari, Anda dapat mengikuti solusi yang disebutkan di atas untuk memperbaiki masalah ini.

Namun, masalah celah tampaknya telah diperbaiki di versi Safari yang lebih baru, jadi Anda tidak perlu lagi menggunakan solusi.

Jika celah tidak berfungsi di Safari, opsi terbaik adalah memperbarui browser Anda, tetapi jika itu bukan opsi, maka Anda harus menggunakan solusi.

Ini adalah masalah sisi klien, tetapi banyak yang memiliki masalah sisi server, seperti server berhenti merespons Safari pesan, tetapi ini juga dapat diperbaiki.

Apakah Anda berhasil memperbaiki masalah celah di Safari? Beri tahu kami solusi mana yang berhasil untuk Anda.