يزدهر التصميم المتجاوب بالديناميكيات. تحتاج صفحة الويب إلى تلبية العديد من أحجام الشاشات المختلفة ، لذلك من المنطقي فقط استخدام وحدات مثل em أو rem أو٪ بدلاً من px لحجم الخط ، حيث يتم حسابها بالنسبة للعنصر الأصل أو عنصر HTML. لذلك ليس من الضروري الخوض في حجم كل شاشة مرة أخرى على حدة. الأمر نفسه ينطبق على أحجام الصور. إذا أعطيت صورة عرضًا ثابتًا يبلغ 800 بكسل ، فلن يتم عرض الصورة بالكامل على الهاتف المحمول وستنتقل الصفحة إلى اليمين ، وهي دائمًا علامة سيئة.

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

نظرًا لوجود مساحة أكبر على سطح المكتب ، فهناك اتجاه لتضمين المزيد من الحيل وعناصر التخفيف. لا يحتاج مستخدمو الهواتف الذكية إلى أي زخرفة – فهم يريدون عادةً معرفة المزيد عن الشركة بسرعة ، وربما حتى مجرد إلقاء نظرة على ساعات العمل أو تفاصيل الاتصال. لذلك من المفيد وضع هذه المعلومات في مكان واضح للعيان في النسخة المحمولة. يمكن الاستغناء عن عناصر مثل عرض الشرائح أو معارض الصور الضخمة – سيشكرك المستخدم الذي ليس على شبكة WiFi في الوقت الحالي ولكنه يتصفح عبر بيانات الهاتف المحمول!