هذا سؤال أساسي في css، استخدم أدوات المطور (dev tools) في متصفحك لمعرفة العنصر الذي يسبب المساحة الإضافية وتعديله في css.
إعجاب واحد (1)
لقد جربت كل شيء، ولكن لسبب ما لا يعرض لي الهاتف المحمول المناطق المستهدفة. لا يمكنني العثور على ما يسبب المساحة على الهاتف المحمول لأنها لا تظهر على سطح المكتب.
استخدم المحاكي المحمول المدمج في أدوات المطور في متصفحك، يجب أن يكون ذلك كافياً للقبض على المخالف.
إعجاب واحد (1)
يتم العرض فقط على هاتفي وليس على أدوات المطور في متصفح الهاتف المحمول.
هذا لا يعمل للمحاكاة، جميع المناطق. على سبيل المثال، على هاتفي لدي هوامش كبيرة بين عناوين الفئات ولكن في أدوات المطور في كروم لا يوجد هامش.
المساحة الإضافية أسفل عنوان الموضوع حيث كانت العلامات موجودة مفقودة أيضًا.
قم بالتحديث بعد تغيير وكيل متصفح جهاز الجوال. هذا ليس المكان المناسب حقًا لتعلم كيفية استخدام أدوات المطور، اسأل ChatGPT أو شيئًا ما، شاهد برنامجًا تعليميًا على يوتيوب.
لقد قمت بكل تغيير CSS ضروري على الموقع باستثناء هذين المنطقتين المستهدفتين…
لا يوجد مسافة مفقودة في أدوات المتصفح…
هل قمت بتطبيق تنسيق CSS على عرض سطح المكتب فقط على الأرجح؟