تصميم الموقع المتجاوب

ميزة تقدم تجربة تصفح سهلة وممتعة لجميع الخدمات والمنتجات في موقع الويب

• تحسين قابلية الاستخدام

• توفير المال

• زيادة وقت التصفح

• سهولة التحديث

الكلمة المناسبة لتصبح جملة الاستعلام صحيحة

@meta screen and (max-width: 800px)

• @media

• @metta

• max-width: 800px

أكمل الاستعلام التالي لتغيير لون خلفية الصفحة إلى اللون الرمادي اذا كانت الشاشة أصغر من 600 بكسل

@media screen and (max-width: .................) {

• 600 بكسل

• 600 px

• Gray

ما هي قاعدة تنسيق الأوراق المتتالية اذا قمنا بتغيير

حجم نافذة المتصفح بحيث أصبح عرض المستند

بكسل600 أو أقل فإن لون الخلفية سيتغير إلى

lightpink

• @media screen and (max: 600px) { body { background-color: lightpink; } }

• @media (max-width: 600px) { body { background-color: lightpink; } }

• @media screen and (max-width: 600px) { body { background-color: lightpink; } }

• @media screen and (max-width: 600px) { body { background-color: lightpink; }

يراعي موقع الويب المتجاوب متغيرات عديدة هي

• حجم الشاشة ونظام التشغيل واتجاه الشاشة

• حجم الشاشة ونظام التشغيل

• حجم الشاشة