Plaisa nedarbojas pārlūkprogrammā Safari: 3 veidi, kā to viegli novērst

Kurš gan to nenovērtē, kad pārlūkprogrammas ievieš jaunas CSS funkcijas? Tomēr dažreiz daži līdzekļi, piemēram, kolonnu atstarpe, nedarbojas pārlūkprogrammā Safari.

Atstarpes rekvizīts ir mēģinājums nodrošināt rekvizītu, kas ir līdzīgs CSS režģim un flexbox. Tas būs atbildīgs par telpu (notekām) starp kolonnām un rindām.

Tomēr dažas pārlūkprogrammas, tostarp Safari, neiespējo atstarpes rekvizītu, izmantojot elastīgo izkārtojumu. Šī nav vienīgā pārlūkprogrammas problēma, un daudzi par to ziņoja Safari nevar lejupielādēt failu, taču mēs šo problēmu apskatījām atsevišķā rokasgrāmatā.

Vai starpība darbojas pārlūkprogrammā Safari?

Ja pārlūkprogrammā Safari kolonnu atstarpe vai režģa sprauga nedarbojas, visticamāk, tas ir tāpēc, ka izmantojat Safari versiju, kas ir jaunāka par 14.

Rindu atstarpes un kolonnu atstarpes tagad tiek atbalstītas Flexbox konteineros Safari 14.1. Šis atjauninājums ļauj flexbox izmantot tīmekļa dizainā, neizmantojot neērtas piemales.

Bet, ja kolonnas sprauga nedarbojas pārlūkprogrammā Safari, ir veidi, kā to novērst.

Vai Flexbox Gap tiek atbalstīts visās pārlūkprogrammās?

Lielākā daļa mūsdienu pārlūkprogrammu atbalsta flexbox. Vairākām tīmekļa pārlūkprogrammām ir eksperimentāla flexbox ieviešana. Pārdevēja prefiksa izmantošana bija standarta procedūra eksperimentālo implementāciju izstrādei.

Šī problēma skar tikai pārlūkprogrammu Safari pirms versijas 15.4, taču, ja izmantojat šo vai kādu jaunāku versiju, jums nav problēmu.

Tagad, kad jūs zināt vairāk par šo funkciju, apskatīsim, ko varam darīt, ja režģa atstarpe nedarbojas pārlūkprogrammā Safari.

Ātrs padoms:

Vienkārši sakot, jūs varat atrisināt šo vietnes problēmu ar atstarpes kolonnām vai rindām, vienkārši pārslēdzot pārlūkprogrammu uz Opera.

Šis risinājums neatrisina problēmu pārlūkprogrammā Safari, taču joprojām nodrošina optimizētu navigāciju ar nepilnības īpašumu atbalstu un daudzām integrācijas funkcijām.

Opera

Pārvietojieties bez kļūdām jebkurā tīmekļa lapā, izmantojot papildu funkcijas un pieejamību.

Bezmaksas Apmeklējiet vietni

Kā novērst trūkumu, ja tas nedarbojas pārlūkprogrammā Safari?

1. Atjauniniet savu Safari uz jaunāko versiju

1. Izvēlieties Sistēmas preferences no Apple izvēlni ekrāna stūrī.
   
2. Klikšķiniet uz Programmatūras atjauninājums.
   
3. Pagaidiet, līdz Mac veiks atjauninājumu pārbaudi.
4. Klikšķis Uzlabot tagad ja ir pieejami atjauninājumi.
   
5. Pārbaudiet opciju, kas apzīmēta Automātiski atjaunināt manu Mac datoru lai automātiski iegūtu macOS un Safari jauninājumus.
6. Pagaidiet, līdz jūsu Mac datorā tiks instalēti visi atjauninājumi.

Šis risinājums nav Safari elastīgās atstarpes risinājums, un tas neatgriezeniski novērsīs jūsu datora problēmu.

2. Flex spraugas risinājums

1. Atveriet savu CSS failu.
2. Tagad pievienojiet vēlamajam elementam šādu kodu:
displejs: režģis;
režģa sprauga: 8rem;
atstarpe: 8rem;
   
3. Saglabāt izmaiņas.

Ja CSS flex gap nedarbojas, varat novērst šo problēmu, izmantojot risinājumu. Safari, kas jaunāks par 14, Flexbox netiek atbalstīts.

Režģa sprauga tiek atbalstīta iepriekšējās Safari versijās; tādēļ būtu vēlams pārslēgties no displeja flex uz režģi.

3. Izmantojiet lobotomizētās pūces selektoru

1. Atveriet CSS failu savā iecienītākajā redaktorā.
2. Tagad pievienojiet šo koda rindiņu:.parent_div>*+* { margin-left: 8rem;}

   

3. Saglabāt izmaiņas.

Neparasts trīs rakstzīmju CSS selektors pastāv lobotomizētas pūces selektora veidā. Tā kā tai ir neticami līdzīgs pūces tukšajam izskatam, to sauc par lobotomizētās pūces selektoru.

Ko es varu izmantot CSS nepilnības vietā?

Tā vietā, lai izmantotu atstarpi CSS 3, varat izmantot piemales labo CSS 3. Ja Safari plaisa vispār nedarbojas, varat sekot iepriekš minētajiem risinājumiem, lai novērstu šo problēmu.

Tomēr šķiet, ka nepilnības problēma ir novērsta jaunākajās Safari versijās, tāpēc jums vairs nebūs jāizmanto risinājumi.

Ja starpība nedarbojas pārlūkprogrammā Safari, labākais risinājums būtu atjaunināt pārlūkprogrammu, taču, ja tas nav iespējams, jums būs jāizmanto risinājumi.

Šī ir klienta puses problēma, taču daudziem bija servera puses problēmas, piemēram, serveris pārtrauca atbildēt Safari ziņas, taču tās var arī labot.

Vai jums izdevās novērst problēmu Safari? Pastāstiet mums, kurš risinājums jums bija piemērots.