Το κενό που δεν λειτουργεί στο Safari: 3 τρόποι για να το διορθώσετε εύκολα

Ποιος δεν το εκτιμά όταν τα προγράμματα περιήγησης εφαρμόζουν νέες δυνατότητες CSS; Ωστόσο, μερικές φορές ορισμένα χαρακτηριστικά, όπως το διάκενο στηλών, δεν λειτουργούν στο Safari.

Η ιδιότητα gap είναι μια προσπάθεια παροχής μιας ιδιότητας παρόμοιας με το πλέγμα CSS και το flexbox. Θα είναι υπεύθυνος για τον χώρο (αυλάκια) μεταξύ στηλών και σειρών.

Ωστόσο, ορισμένα προγράμματα περιήγησης, συμπεριλαμβανομένου του Safari, δεν ενεργοποιούν την ιδιότητα κενού κατά τη χρήση της ευέλικτης διάταξης. Αυτό δεν είναι το μόνο πρόβλημα με το πρόγραμμα περιήγησης και πολλοί το ανέφεραν Το Safari δεν μπορεί να κατεβάσει ένα αρχείο, αλλά καλύψαμε αυτό το πρόβλημα σε έναν ξεχωριστό οδηγό.

Λειτουργεί το gap στο Safari;

Εάν το κενό στήλης ή το κενό πλέγματος δεν λειτουργεί στο Safari, πιθανότατα είναι επειδή χρησιμοποιείτε μια έκδοση Safari μικρότερη από 14.

Το διάκενο γραμμής και το διάκενο στήλης υποστηρίζονται πλέον σε κοντέινερ Flexbox στο Safari 14.1. Αυτή η ενημέρωση καθιστά εφικτή τη χρήση του flexbox στη σχεδίαση ιστοσελίδων χωρίς την ανάγκη άβολων παραβιάσεων περιθωρίου.

Αλλά αν το κενό στήλης δεν λειτουργεί στο Safari, υπάρχουν τρόποι να το διορθώσετε.

Υποστηρίζεται το Flexbox Gap σε όλα τα προγράμματα περιήγησης;

Τα περισσότερα σύγχρονα προγράμματα περιήγησης υποστηρίζουν το flexbox. Πολλά προγράμματα περιήγησης ιστού έχουν μια πειραματική εφαρμογή του flexbox. Η χρήση ενός προθέματος προμηθευτή ήταν η τυπική διαδικασία για την ανάπτυξη πειραματικών υλοποιήσεων.

Αυτό το ζήτημα επηρεάζει μόνο το Safari πριν από την έκδοση 15.4, αλλά εάν χρησιμοποιείτε αυτήν ή οποιαδήποτε νεότερη έκδοση, δεν έχετε κανένα πρόβλημα.

Τώρα που γνωρίζετε περισσότερα για αυτήν τη δυνατότητα, ας δούμε τι μπορούμε να κάνουμε εάν το grid-gap δεν λειτουργεί στο Safari.

Γρήγορη συμβουλή:

Με απλά λόγια, μπορείτε να επιλύσετε αυτό το ζήτημα του ιστότοπου με στήλες ή γραμμές κενού, απλώς αλλάζοντας το πρόγραμμα περιήγησής σας σε Opera.

Αυτή η λύση δεν διορθώνει το πρόβλημα στο Safari, αλλά εξακολουθεί να παρέχει βελτιστοποιημένη πλοήγηση με υποστήριξη ιδιοκτησίας κενού και πολλές δυνατότητες ενσωμάτωσης.

ΛΥΡΙΚΗ ΣΚΗΝΗ

Πλοηγηθείτε χωρίς σφάλματα σε οποιαδήποτε ιστοσελίδα χρησιμοποιώντας προηγμένες λειτουργίες και προσβασιμότητα.

Ελεύθερος Επισκέψου την ιστοσελίδα

Πώς μπορώ να διορθώσω το κενό εάν δεν λειτουργεί στο Safari;

1. Ενημερώστε το Safari στην πιο πρόσφατη έκδοση

1. Επιλέγω Επιλογές συστήματος από το μήλο μενού στη γωνία της οθόνης σας.
   
2. Κάντε κλικ στο Αναβάθμιση λογισμικού.
   
3. Περιμένετε μέχρι το Mac να κάνει έλεγχο ενημέρωσης.
4. Κάντε κλικ Αναβάθμισε τώρα εάν υπάρχουν προσβάσιμες ενημερώσεις.
   
5. Ελέγξτε την επιλογή με την ετικέτα Αυτόματη ενημέρωση του Mac μου για αυτόματη λήψη αναβαθμίσεων macOS και Safari.
6. Περιμένετε να εγκατασταθούν τυχόν ενημερώσεις στο Mac σας.

Αυτή η λύση δεν αποτελεί λύση Safari flex gap και θα διορθώσει οριστικά το πρόβλημα στον υπολογιστή σας.

2. Ευέλικτη λύση του κενού

1. Ανοίξτε το αρχείο CSS.
2. Τώρα προσθέστε στο επιθυμητό στοιχείο τον ακόλουθο κώδικα:
οθόνη: πλέγμα;
κενό πλέγματος: 8 εκ.
κενό: 8 εκ.
   
3. Αποθήκευσε τις αλλαγές.

Εάν το ευέλικτο κενό CSS δεν λειτουργεί, μπορείτε να διορθώσετε αυτό το ζήτημα χρησιμοποιώντας μια λύση. Δεν υπάρχει υποστήριξη για το Flexbox στο Safari λιγότερο από 14.

Το Grid Gap υποστηρίζεται σε προηγούμενες εκδόσεις του Safari. Επομένως, η εναλλαγή από την ευελιξία οθόνης στο πλέγμα θα ήταν προτιμότερη.

3. Χρησιμοποιήστε τον λοβοτομημένο επιλογέα κουκουβάγιας

1. Ανοίξτε το αρχείο CSS στον αγαπημένο σας επεξεργαστή.
2. Τώρα προσθέστε αυτήν τη γραμμή κώδικα:.parent_div>*+* { margin-left: 8rem;}

   

3. Αποθήκευσε τις αλλαγές.

Υπάρχει ένας ασυνήθιστος επιλογέας CSS τριών χαρακτήρων με τη μορφή του λοβοτομημένου επιλογέα κουκουβάγιας. Επειδή έχει μια παράξενη ομοιότητα με το κενό βλέμμα μιας κουκουβάγιας, ονομάζεται λοβοτομημένος επιλογέας κουκουβάγιας.

Τι μπορώ να χρησιμοποιήσω αντί για το κενό στο CSS;

Αντί να χρησιμοποιείτε το κενό στο CSS 3, μπορείτε να χρησιμοποιήσετε το δικαίωμα περιθωρίου στο CSS 3. Εάν το κενό δεν λειτουργεί καθόλου στο Safari, μπορείτε να ακολουθήσετε τις παραπάνω λύσεις για να διορθώσετε αυτό το πρόβλημα.

Ωστόσο, το πρόβλημα με το κενό φαίνεται να επιδιορθώνεται στις νεότερες εκδόσεις του Safari, επομένως δεν θα χρειάζεται πλέον να καταφεύγετε σε λύσεις.

Εάν το κενό δεν λειτουργεί στο Safari, η καλύτερη επιλογή θα ήταν να ενημερώσετε το πρόγραμμα περιήγησής σας, αλλά αν αυτό δεν είναι μια επιλογή, τότε θα πρέπει να καταφύγετε σε λύσεις.

Αυτό είναι ένα ζήτημα από την πλευρά του πελάτη, αλλά πολλοί είχαν ζητήματα από την πλευρά του διακομιστή, όπως το ο διακομιστής σταμάτησε να ανταποκρίνεται στο Safari μηνύματα, αλλά μπορούν επίσης να διορθωθούν.

Καταφέρατε να διορθώσετε το πρόβλημα του κενού στο Safari; Ενημερώστε μας ποια λύση λειτούργησε για εσάς.