Luka nie działa w Safari: 3 sposoby łatwej naprawy

Kto nie docenia, gdy przeglądarki implementują nowe funkcje CSS? Czasami jednak niektóre funkcje, takie jak odstęp między kolumnami, nie działają w przeglądarce Safari.

Właściwość gap jest próbą dostarczenia właściwości podobnej do siatki CSS i flexbox. Będzie odpowiedzialny za przestrzeń (rynny) między kolumnami i rzędami.

Jednak niektóre przeglądarki, w tym Safari, nie włączają właściwości gap podczas korzystania z układu elastycznego. To nie jedyny problem z przeglądarką, a wielu z nich to zgłosiło Safari nie może pobrać pliku, ale omówiliśmy ten problem w osobnym przewodniku.

Czy gap działa w Safari?

Jeśli odstęp między kolumnami lub odstęp siatki nie działa w przeglądarce Safari, najprawdopodobniej używasz wersji przeglądarki Safari mniejszej niż 14.

Odstępy między wierszami i odstępy między kolumnami są teraz obsługiwane w kontenerach Flexbox w przeglądarce Safari 14.1. Ta aktualizacja umożliwia korzystanie z flexboksa w projektowaniu stron internetowych bez potrzeby niezręcznych hacków na marginesach.

Ale jeśli luka w kolumnach nie działa w Safari, istnieją sposoby, aby to naprawić.

Czy Flexbox Gap jest obsługiwany we wszystkich przeglądarkach?

Większość nowoczesnych przeglądarek obsługuje Flexbox. Kilka przeglądarek internetowych ma eksperymentalną implementację flexbox. Używanie prefiksu dostawcy było standardową procedurą opracowywania eksperymentalnych implementacji.

Ten problem dotyczy tylko przeglądarki Safari przed wersją 15.4, ale jeśli używasz tej lub nowszej wersji, nie masz żadnych problemów.

Teraz, gdy wiesz więcej o tej funkcji, zobaczmy, co możemy zrobić, jeśli przerwa w siatce nie działa w Safari.

Szybka wskazówka:

Mówiąc najprościej, możesz rozwiązać ten problem ze stroną internetową za pomocą przerw w kolumnach lub wierszach, po prostu przełączając przeglądarkę na Opera.

To obejście nie rozwiązuje problemu w Safari, ale nadal zapewnia zoptymalizowaną nawigację z obsługą właściwości gap i wieloma funkcjami integracji.

Opera

Nawiguj bez błędów po dowolnej stronie internetowej, korzystając z zaawansowanych funkcji i ułatwień dostępu.

Bezpłatny Odwiedź stronę

Jak naprawić lukę, jeśli nie działa w Safari?

1. Zaktualizuj Safari do najnowszej wersji

1. Wybierz Preferencje systemu od Jabłko menu w rogu ekranu.
   
2. Kliknij Aktualizacja oprogramowania.
   
3. Poczekaj, aż komputer Mac sprawdzi aktualizację.
4. Kliknij Ulepsz teraz czy są dostępne aktualizacje.
   
5. Sprawdź opcję oznaczoną Automatycznie aktualizuj mojego Maca aby automatycznie uzyskać uaktualnienia macOS i Safari.
6. Poczekaj, aż na komputerze Mac zostaną zainstalowane aktualizacje.

To rozwiązanie nie jest obejściem luki w przeglądarce Safari i trwale naprawi problem na twoim komputerze.

2. Obejście luki elastycznej

1. Otwórz plik CSS.
2. Teraz dodaj do żądanego elementu następujący kod:
wyświetlacz: siatka;
szczelina siatki: 8rem;
szczelina: 8rem;
   
3. Zapisz zmiany.

Jeśli elastyczna luka CSS nie działa, możesz rozwiązać ten problem, korzystając z obejścia. Nie ma wsparcia dla Flexbox w Safari poniżej 14.

Odstęp siatki jest obsługiwany w poprzednich wersjach Safari; dlatego preferowane byłoby przejście z elastycznego wyświetlania na siatkę.

3. Użyj lobotomizowanego selektora sów

1. Otwórz plik CSS w swoim ulubionym edytorze.
2. Teraz dodaj ten wiersz kodu:.parent_div>*+* { margines lewy: 8rem;}

   

3. Zapisz zmiany.

Niezwykły trzyznakowy selektor CSS istnieje w postaci lobotomicznego selektora sowy. Ponieważ ma niesamowite podobieństwo do bezmyślnego wyglądu sowy, nazywa się go lobotomizowanym selektorem sów.

Czego mogę użyć zamiast luki w CSS?

Zamiast używać luki w CSS 3, możesz użyć marginesu w prawo w CSS 3. Jeśli luka w ogóle nie działa w Safari, możesz skorzystać z powyższych rozwiązań, aby rozwiązać ten problem.

Wydaje się jednak, że problem luki został rozwiązany w nowszych wersjach Safari, więc nie będziesz już musiał uciekać się do obejścia.

Jeśli luka nie działa w Safari, najlepszą opcją byłoby zaktualizowanie przeglądarki, ale jeśli nie jest to możliwe, będziesz musiał skorzystać z obejść.

Jest to problem po stronie klienta, ale wiele z nich miało problemy po stronie serwera, takie jak serwer przestał odpowiadać Safari wiadomości, ale te również można naprawić.

Czy udało Ci się naprawić problem z lukami w Safari? Daj nam znać, które rozwiązanie zadziałało dla Ciebie.