ხარვეზი Safari-ში არ მუშაობს: მისი მარტივად გამოსწორების 3 გზა

ვინ არ აფასებს, როდესაც ბრაუზერები ახორციელებენ ახალ CSS ფუნქციებს? თუმცა, ზოგჯერ გარკვეული ფუნქციები, როგორიცაა სვეტის უფსკრული, არ მუშაობს Safari-ში.

ხარვეზის თვისება არის CSS ქსელისა და flexbox-ის მსგავსი თვისების მიწოდების მცდელობა. იგი პასუხისმგებელია სვეტებსა და მწკრივებს შორის სივრცეზე (ღარები).

თუმცა, ზოგიერთი ბრაუზერი, Safari-ის ჩათვლით, არ რთავს gap თვისებას flex განლაგების გამოყენებისას. ეს არ არის ერთადერთი პრობლემა ბრაუზერთან და ბევრმა განაცხადა Safari-ს არ შეუძლია ფაილის გადმოწერა, მაგრამ ჩვენ განვიხილეთ ეს პრობლემა ცალკე სახელმძღვანელოში.

მუშაობს თუ არა gap Safari-ში?

თუ სვეტის უფსკრული ან ბადის უფსკრული არ მუშაობს Safari-ში, ეს დიდი ალბათობით იმიტომ ხდება, რომ თქვენ იყენებთ Safari ვერსიას 14-ზე ნაკლებს.

Row-gap და column-gap ახლა მხარდაჭერილია Flexbox კონტეინერებში Safari 14.1-ში. ეს განახლება შესაძლებელს ხდის flexbox-ის გამოყენებას ვებ დიზაინში უხერხული მარჟის ჰაკერების გარეშე.

მაგრამ თუ სვეტის უფსკრული არ მუშაობს Safari-ში, არსებობს მისი გამოსწორების გზები.

არის თუ არა Flexbox Gap მხარდაჭერილი ყველა ბრაუზერში?

თანამედროვე ბრაუზერების უმეტესობა მხარს უჭერს flexbox-ს. რამდენიმე ბრაუზერს აქვს flexbox-ის ექსპერიმენტული განხორციელება. გამყიდველის პრეფიქსის გამოყენება იყო სტანდარტული პროცედურა ექსპერიმენტული დანერგვის შემუშავებისთვის.

ეს პრობლემა ეხება მხოლოდ Safari-ს 15.4 ვერსიამდე, მაგრამ თუ იყენებთ ამ ან სხვა ახალ ვერსიას, არანაირი პრობლემა არ შეგექმნებათ.

ახლა, როცა მეტი იცით ამ ფუნქციის შესახებ, ვნახოთ, რა შეგვიძლია გავაკეთოთ, თუ ქსელის უფსკრული Safari-ში არ მუშაობს.

სწრაფი რჩევა:

მარტივად რომ ვთქვათ, თქვენ შეგიძლიათ მოაგვაროთ ეს ვებსაიტის პრობლემა უფსკრული სვეტებით ან რიგებით, უბრალოდ თქვენი ბრაუზერის Opera-ზე გადართვით.

ეს გამოსავალი არ აგვარებს პრობლემას Safari-ზე, მაგრამ მაინც უზრუნველყოფს ოპტიმიზებულ ნავიგაციას ხარვეზების საკუთრების მხარდაჭერით და მრავალი ინტეგრაციის ფუნქციით.

ოპერა

ნავიგაცია შეცდომების გარეშე ნებისმიერ ვებ გვერდზე გაფართოებული ფუნქციებისა და ხელმისაწვდომობის გამოყენებით.

უფასო ეწვიეთ ვებსაიტს

როგორ გამოვასწორო ხარვეზი, თუ ის Safari-ზე არ მუშაობს?

1. განაახლეთ თქვენი Safari უახლეს ვერსიამდე

1. აირჩიეთ სისტემის პრეფერენციები დან Apple მენიუ თქვენი ეკრანის კუთხეში.
   
2. Დააკლიკეთ პროგრამული უზრუნველყოფის განახლება.
   
3. დაელოდეთ Mac-ის განახლების შემოწმებას.
4. დააწკაპუნეთ განაახლეთ ახლავე თუ არის რაიმე ხელმისაწვდომი განახლებები.
   
5. შეამოწმეთ ეტიკეტირებული ვარიანტი ავტომატურად შეინახოს ჩემი Mac განახლება რომ მიიღოთ macOS და Safari განახლებები ავტომატურად.
6. დაელოდეთ ნებისმიერი განახლების დაინსტალირებას თქვენს Mac-ზე.

ეს გამოსავალი არ არის Safari flex gap გამოსავალი და ის სამუდამოდ მოაგვარებს პრობლემას თქვენს კომპიუტერში.

2. მოქნილი ხარვეზის გამოსავალი

1. გახსენით თქვენი CSS ფაილი.
2. ახლა სასურველ ელემენტს დაამატეთ შემდეგი კოდი:
ჩვენება: ბადე;
ბადე-უფსკრული: 8რემ;
უფსკრული: 8 რემ;
   
3. Ცვლილებების შენახვა.

თუ CSS flex gap არ მუშაობს, ამ პრობლემის მოგვარება შეგიძლიათ გამოსავლის გამოყენებით. არ არის Flexbox-ის მხარდაჭერა Safari-ში 14-ზე ნაკლები.

Grid gap მხარდაჭერილია Safari-ის წინა ვერსიებში; ამიტომ სასურველია ეკრანის მოქნილიდან ბადეზე გადასვლა.

3. გამოიყენეთ ლობოტომიზებული ბუს სელექტორი

1. გახსენით CSS ფაილი თქვენს საყვარელ რედაქტორში.
2. ახლა დაამატეთ კოდის ეს ხაზი:.parent_div>*+* { margin-left: 8rem;}

   

3. Ცვლილებების შენახვა.

უჩვეულო სამი სიმბოლოანი CSS სელექტორი არსებობს ლობოტომიზებული ბუს სელექტორის სახით. იმის გამო, რომ მას აქვს ბუს ცარიელ გამოხედვას უცნაური მსგავსება, მას უწოდებენ ბუების ლობოტომიზებულ სელექტორს.

რა შემიძლია გამოვიყენო უფსკრულის ნაცვლად CSS-ში?

იმის ნაცვლად, რომ გამოიყენოთ gap CSS 3-ში, შეგიძლიათ გამოიყენოთ margin-right CSS 3-ში. თუ ხარვეზი საერთოდ არ მუშაობს Safari-ში, შეგიძლიათ მიჰყვეთ ზემოხსენებულ გადაწყვეტილებებს ამ პრობლემის მოსაგვარებლად.

თუმცა, როგორც ჩანს, ხარვეზის პრობლემა მოგვარებულია Safari-ს უახლეს ვერსიებში, ასე რომ თქვენ აღარ მოგიწევთ გამოსავლის გამოყენება.

თუ ხარვეზი არ მუშაობს Safari-ში, საუკეთესო ვარიანტი იქნება თქვენი ბრაუზერის განახლება, მაგრამ თუ ეს არ არის ვარიანტი, მაშინ მოგიწევთ მიმართოთ გამოსავალს.

ეს არის კლიენტის მხარის პრობლემა, მაგრამ ბევრს ჰქონდა სერვერის მხრიდან პრობლემები, როგორიცაა სერვერმა შეწყვიტა Safari-ზე რეაგირება შეტყობინებები, მაგრამ მათი გამოსწორებაც შესაძლებელია.

მოახერხეთ Safari-ში ხარვეზის გამოსწორება? გაგვაგებინე, რომელი გამოსავალი მუშაობდა შენზე.