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

كيف أجعل من الصورة الموجودة في header متجاوبة مع جميع الشاشات؟

K@m@l

السؤال

لي صورة على مستوى Header في صفحة html، هذه الصورة أريدها أن تصبح متجاوبة مع جميع الأجهزة والمقاسات المختلفة لشاشات العرض، كيف السبيل إلى فعل ذلك؟

كمثال، موقع remote.demowebsiteaddress.com

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

هناك أمرين عليك مراعاتهما أثناء العمل على تجاوب الصوة عند تغيير مقاس الشاشة  العارضة للموقع:

  1. أن يحتوى الوسم المُضمّن للصورة على خاصيتي margin وpadding ذات قيمة الصفر.
  2. أن يأخذ عرض الصورة القيمة 100%، لتبقى محافظة على مقاسها رغم تغير الشاشة.

لحصل في الأخير على كود في ملف التنسيق التالي:

/*الذي يضم الصورة body الكود الخاص بوسم*/
body{
   margin: 0;
   padding: 0;
}

/*تنسيق وسم الصورة*/
img{
   width: 100%;
}
رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...