در گذشته طراحی سایت ها به این صورت بوده است که طراحی فقط با درنظر گرفتن یک اندازه پرکاربرد انجام میشد. به عنوان مثال ده سال قبل عرض رو معمولا 800 و ارتفاع رو 600 پیکسل در نظر میگرفتن و کمی بعدتر سایت ها معمولا با عرض 990 و در ارتفاع های مختلف طراحی میشد . در این حالت برای دیدن صفحه مورد نظر باید علاوه بر اسکرول عمودی از اسکرول افقی هم استفاده کنیم که البته کار با وبسایت به این صورت خیلی سخت میشه .
به طورکلی وقتی یک اندازه را به عنوان اندازه اصلی درنظر میگیریم نباید برای نمایش در نمایشگرهای بزرگ تر مشکلی به وجود بیاد. البته زمانیکه وبسایت با دستگاهی با اندازه های بزرگ تر از اندازه استاندارد باز شود ، ، به نسبت اندازه دستگاه مورد نظر ، حاشیه هایی خالی در کنار وبسایت مشاهده میگردد ، در حال حاضر اندازه استاندارد در طراحی ریسپانسیو دسکتاپ تمامی وبسایت ها 1080 * 1920 میباشد. مشکل از زمانی شروع میشود که سایت رو در صفحه های کوچیکتر مثل موبایل یا تبلت بخواهیم باز کنیم؛ که به آن موبایل فرندلی شدن سایت می گویند.
به همین خاطر چند سالی است که طراحی ریسپانسیو یا واکنش گرا برای حل این مشکل به کمک برنامه نویس ها اومده تا کاربران به همون راحتی که در کامپیوتر صفحات سایت رو میبینن در گوشی های هوشمند خود نیز از این شرایط برخوردار باشن .
