الفجوة لا تعمل في Safari: 3 طرق لإصلاحها بسهولة

من منا لا يقدره عندما تنفذ المتصفحات ميزات CSS جديدة؟ ومع ذلك ، في بعض الأحيان ، لا تعمل بعض الميزات ، مثل فجوة العمود ، في Safari.

تعتبر خاصية الفجوة محاولة لتوفير خاصية مشابهة لشبكة CSS و flexbox. سيكون مسؤولاً عن المسافة (المزاريب) بين الأعمدة والصفوف.

ومع ذلك ، فإن بعض المتصفحات ، بما في ذلك Safari ، لا تقوم بتمكين خاصية الفجوة عند استخدام التنسيق المرن. هذه ليست المشكلة الوحيدة في المتصفح ، وقد أبلغ الكثيرون عن ذلك لا يمكن لـ Safari تنزيل ملف، لكننا تناولنا هذه المشكلة في دليل منفصل.

هل تعمل الفجوة في سفاري؟

إذا كانت فجوة العمود أو فجوة الشبكة لا تعمل في Safari ، فمن الأرجح أنك تستخدم إصدار Safari أقل من 14.

يتم الآن دعم فجوة الصف وفجوة العمود في حاويات Flexbox في Safari 14.1. يجعل هذا التحديث من الممكن استخدام flexbox في تصميم الويب دون الحاجة إلى اختراق هامش غير ملائم.

ولكن إذا كانت فجوة العمود لا تعمل في Safari ، فهناك طرق لإصلاحها.

هل Flexbox Gap مدعوم في جميع المتصفحات؟

تدعم معظم المتصفحات الحديثة نظام Flexbox. العديد من متصفحات الويب لديها تنفيذ تجريبي لـ flexbox. كان استخدام بادئة البائع هو الإجراء القياسي لتطوير التطبيقات التجريبية.

تؤثر هذه المشكلة على Safari قبل الإصدار 15.4 فقط ، ولكن إذا كنت تستخدم هذا الإصدار أو أي إصدار أحدث ، فلن تواجهك أية مشكلات.

الآن بعد أن تعرفت على المزيد حول هذه الميزة ، دعنا نرى ما يمكننا فعله إذا كانت فجوة الشبكة لا تعمل في Safari.

معلومات سريعة:

ببساطة ، يمكنك حل مشكلة موقع الويب هذه باستخدام أعمدة أو صفوف فاصلة عن طريق تبديل متصفحك إلى Opera.

لا يعمل هذا الحل البديل على حل المشكلة على Safari ولكنه لا يزال يوفر تنقلًا محسنًا مع دعم خاصية الفجوة والكثير من ميزات التكامل.

أوبرا

تنقل دون أخطاء في أي صفحة ويب باستخدام الميزات المتقدمة وإمكانية الوصول.

حر زيارة الموقع

كيف يمكنني إصلاح الفجوة إذا لم تعمل على Safari؟

1. قم بتحديث Safari الخاص بك إلى أحدث إصدار

1. يختار تفضيلات النظام من تفاحة القائمة في زاوية شاشتك.
   
2. انقر فوق تحديث النظام.
   
3. انتظر حتى يقوم جهاز Mac بفحص التحديث.
4. انقر تحديث الآن إذا كان هناك أي تحديثات يمكن الوصول إليها.
   
5. تحقق من الخيار المسمى حافظ على تحديث جهاز Mac الخاص بي تلقائيًا للحصول على ترقيات macOS و Safari تلقائيًا.
6. انتظر حتى يتم تثبيت أي تحديثات على جهاز Mac الخاص بك.

هذا الحل ليس حلاً بديلاً لسفاري فليكس الفجوة ، وسيصلح المشكلة على جهاز الكمبيوتر بشكل دائم.

2. حل الفجوة المرنة

1. افتح ملف CSS الخاص بك.
2. أضف الآن إلى العنصر المطلوب الكود التالي:
عرض: شبكة ؛
فجوة الشبكة: 8rem ؛
فجوة: 8rem ؛
   
3. احفظ التغييرات.

إذا لم تعمل فجوة CSS المرنة ، فيمكنك إصلاح هذه المشكلة باستخدام حل بديل. لا يوجد دعم لـ Flexbox في Safari أقل من 14.

فجوة الشبكة مدعومة في إصدارات Safari السابقة ؛ لذلك ، سيكون التبديل من العرض المرن إلى الشبكة هو الأفضل.

3. استخدم محدد البومة المفصصة

1. افتح ملف CSS في المحرر المفضل لديك.
2. أضف الآن هذا السطر من التعليمات البرمجية:.parent_div> * + * {margin-left: 8rem؛}

   

3. احفظ التغييرات.

يوجد محدد CSS غير عادي مكون من ثلاثة أحرف في شكل محدد البومة المفصصة. نظرًا لأنه يشبه بشكل غريب مظهر البومة الفارغ ، يطلق عليه محدد البومة المفصصة.

ما الذي يمكنني استخدامه بدلاً من الفجوة في CSS؟

بدلاً من استخدام الفجوة في CSS 3 ، يمكنك استخدام margin-right في CSS 3. إذا كانت الفجوة لا تعمل على الإطلاق في Safari ، فيمكنك اتباع الحلول المذكورة أعلاه لإصلاح هذه المشكلة.

ومع ذلك ، يبدو أن مشكلة الفجوة قد تم إصلاحها في الإصدارات الأحدث من Safari ، لذلك لن تضطر إلى اللجوء إلى الحلول البديلة بعد الآن.

إذا كانت الفجوة لا تعمل في Safari ، فسيكون أفضل خيار هو تحديث متصفحك ، ولكن إذا لم يكن هذا خيارًا ، فسيتعين عليك اللجوء إلى الحلول البديلة.

هذه مشكلة من جانب العميل ، ولكن كان لدى العديد مشكلات من جانب الخادم ، مثل توقف الخادم عن الاستجابة Safari الرسائل ، ولكن يمكن إصلاحها أيضًا.

هل تمكنت من إصلاح مشكلة الفجوة في Safari؟ دعنا نعرف الحل المناسب لك.