با توجه به رشد اینترنت‌گردی موبایلی و در نتیجه ضرورت بهینه‌سازی وب‌سایت‌ها برای مرورگرهای موبایلی، رویکرد طراحی واکنشگرا و سازگار در حال حاضر بسیار شایع است.
در طراحی Responsive یا واکنشگرا، المان‌ها به صورت شناور و درصدی جایگیری و اندازه‌دهی می‌شوند و مطابق تصویر بالا در صورت تغییر اندازه‌ی مرورگر،معمولا ابعاد آلمان‌ها تغییر کرده و محل قرارگیری آن‌ها ممکن است از قرارگیری افقی به عمودی تغییر کند و حتی تعدادی از آیتم‌های منو و Sidebar در منوی همبرگری یا اشکال دیگر پنهان شوند.
در طراحی سازگار یا Adaptive Design مشابه تصویر سایت دیجی‌استایل، معمولا اندازه‌دهی به صورت مقدار عددی ثابت است و مهم‌تر اینکه برای صفحات مختلف طراحی‌های مختلفی انجام می‌شود و ممکن است در نسخه‌ی موبایلی تعدادی از اقلام کم اهمیت‌تر حذف شود و ویژگی‌های دیگری مثل تماس تلفنی مستقیم، دانلود اپلیکیشن و ... در اولویت بصری قرار گیرد.
از این دست کوتاه مقاله‌ها:
