اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر
بتاريخ 18 دقائق مضت قال Hxfhf Ucicic:

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

ارفقت لك المشروع بعد رفعه لتفحص المشكلة ولكن افتح المشروع من خلال الهاتف 

https://stupendous-pasca-df7ab6.netlify.app/

لقد فهمت المشكلة التي تقصدها .

هذا بسبب مشاكل كثيرة لديك في التنسيقات .

أولا في ملف style.css سطر 405 لاحظ أنك وضعت العرض بقيمة 100vh وهذا خاطئ حيث vh هي للأطوال أم vw للعرض ولكن تلك القيمة كبيرة وهي سبب تلك المشكلة لذلك يجب حذف هذا السطر .

ثانيا المشكلة في الصور في قسم article لاحظ أنك وضعت لها عرض ثابت 600px ولهذا في الشاشات الأقل من 600px الصورة تأخذ عرض أكبر بكثير من الشاشة .

وأيضا في قسم services قد وضعت padding كبير لهذا يجب تقليله في الشاشات الصغيرة .

وإليك الملف بعد تعديل الأخطاء لك .

style.css

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...