Lünk ei tööta Safaris: 3 lihtsat viisi selle parandamiseks

Kes ei hindaks seda, kui brauserid rakendavad uusi CSS-i funktsioone? Mõnikord ei tööta aga teatud funktsioonid, näiteks veeruvahe, Safaris.

Vahe atribuut on katse pakkuda CSS-i ruudustikule ja paindlikule kastile sarnane omadus. See vastutab veergude ja ridade vahelise ruumi (rennide) eest.

Teatud brauserid, sealhulgas Safari, ei luba aga paindliku paigutuse kasutamisel lõhe omadust. See pole brauseri ainus probleem ja paljud teatasid sellest Safari ei saa faili alla laadida, kuid käsitlesime seda probleemi eraldi juhendis.

Kas lünk töötab Safaris?

Kui veeruvahe või ruudustiku vahe Safaris ei tööta, on tõenäoliselt põhjuseks see, et kasutate Safari versiooni, mis on väiksem kui 14.

Reavahe ja veeruvahe on nüüd Safari 14.1 Flexboxi konteinerites toetatud. See värskendus võimaldab flexboxi veebidisainis kasutada, ilma et oleks vaja ebamugavaid veerise häkkida.

Kuid kui veeruvahe Safaris ei tööta, on selle parandamiseks viise.

Kas Flexbox Gapi toetavad kõik brauserid?

Enamik kaasaegseid brausereid toetab flexboxi. Paljudel veebibrauseritel on flexboxi eksperimentaalne rakendamine. Eksperimentaalsete rakenduste väljatöötamise standardprotseduur oli müüja eesliite kasutamine.

See probleem puudutab ainult Safarit enne versiooni 15.4, kuid kui kasutate seda või mõnda uuemat versiooni, pole teil probleeme.

Nüüd, kui teate selle funktsiooni kohta rohkem, vaatame, mida saame teha, kui grid-gap Safaris ei tööta.

Kiire näpunäide:

Lihtsamalt öeldes saate selle veebisaidi probleemi lahendada tühikute veergude või ridadega, lülitades lihtsalt oma brauseri Opera vastu.

See lahendus ei lahenda Safari probleemi, kuid pakub siiski optimeeritud navigeerimist koos lünkomaduste toega ja paljude integreerimisfunktsioonidega.

Ooper

Täiustatud funktsioonide ja juurdepääsetavuse abil navigeerige igal veebilehel vigadeta.

Tasuta Külastage veebisaiti

Kuidas lünka parandada, kui see Safaris ei tööta?

1. Värskendage oma Safari uusimale versioonile

1. Valige Süsteemi eelistused alates Apple menüü ekraani nurgas.
   
2. Kliki Tarkvara värskendus.
   
3. Oodake, kuni Mac teeb värskenduste kontrolli.
4. Klõpsake Uuenda nüüd kui on juurdepääsetavaid värskendusi.
   
5. Kontrollige märgistatud valikut Hoia minu Maci automaatselt värskendatuna et saada macOS-i ja Safari värskendusi automaatselt.
6. Oodake, kuni kõik värskendused teie Maci installitakse.

See lahendus ei ole Safari flex gap lahendus ja see lahendab teie arvuti probleemi jäädavalt.

2. Paindliku pilu lahendus

1. Avage oma CSS-fail.
2. Nüüd lisage soovitud elemendile järgmine kood:
ekraan: ruudustik;
ruudustiku vahe: 8rem;
vahe: 8rem;
   
3. Salvesta muudatused.

Kui CSS flex gap ei tööta, saate selle probleemi lahendada, kasutades lahendust. Vanemas kui 14-aastases Safaris pole Flexboxi tuge.

Võrgu vahe on toetatud varasemates Safari versioonides; seetõttu oleks eelistatav üleminek kuvari paindlikult ruudustikule.

3. Kasutage lobotomiseeritud öökulli valijat

1. Avage CSS-fail oma lemmikredaktoris.
2. Nüüd lisage see koodirida:.parent_div>*+* { margin-left: 8rem;}

   

3. Salvesta muudatused.

Ebatavaline kolmekohaline CSS-selektor on olemas lobotoomilise öökulli valija kujul. Kuna see sarnaneb veidralt öökulli tühise välimusega, nimetatakse seda lobotomiseeritud öökulli valijaks.

Mida saab CSS-i lünkade asemel kasutada?

CSS 3-s tühiku kasutamise asemel saate CSS 3-s kasutada parempoolset serva. Kui lünk Safaris üldse ei tööta, saate selle probleemi lahendamiseks järgida ülalnimetatud lahendusi.

Siiski näib, et lünga probleem on Safari uuemates versioonides lahendatud, nii et te ei pea enam kasutama lahendusi.

Kui lünk Safaris ei tööta, oleks parim valik brauserit värskendada, kuid kui see pole võimalik, peate kasutama lahendusi.

See on kliendipoolne probleem, kuid paljudel oli serveripoolseid probleeme, näiteks server lõpetas Safari reageerimise sõnumeid, kuid neid saab samuti parandada.

Kas teil õnnestus Safaris lünga probleem lahendada? Andke meile teada, milline lahendus teie jaoks töötas.