اگر دقت کرده باشید تا بحال در هنگام وبگردی با موبایل ، تبلت و یا لب تاپ با صفحاتی روبرو شدید که از لحاظ اندازه و سایز با دستگاه شما همخوانی نداشته است.
برای دیدن مطلب و یا عکس و لینک از zoom in و zoom out استفاده کرده اید .
ریسپانسیو
ریسپانسیو این مشکل را حل کرده است و با توجه به دستگاه کاربر واکنش نشان خواهد داد و بر مبنای اندازه صفحه کاربر نمایش خواهد داد.
اگر بخواهید از ریسپانسیو بودن یک سایت مطمئن شوید باید مرورگر خود را از حالت maximize نمایید و با موس صفحه مرورگر را کوچک و یا بزرگ کنید.
خواهید دید که مطالب و لینک ها با اینکه سایز صفحه تغییر می کند خوانا می باشند .
این تست را هم در صفحه اصلی و هم در صفحات داخلی می توانید انجام دهید .
اگر سایتی واکنش گرا نباشد قطعاً بعد از مدتی کاربران سایت خود را از دست خواهد داد.
در حال حاضر با توسعه پلتفرم های ریسپانسیو توسط افراد حرفه ای تمام نیاز های مخاطبین بر طرف خواهد شد.
گاهی وب سایت ها در گوشی تلفن زیبا تر دیده می شوند .
اهمیت طراحی وب سایت واکنش گرا ریسپانسیو (RESPONSIVE)
با طراحی سایت ریسپانسیو (واکنش گرا) دیگر نیازی ندارید که برای هر گجت موجود در بازار یک سایت اختصاصی طراحی کنید.
در طراحی سایت واکنش گرا که Responsive Web Design مشهور می باشد .
ساختار لایه‌های سایت به صورت شناور طراحی شده اند که باعث تنظیم عرض صفحه، سایز متن و … در ابعاد مختلف می شوند .
این کار به صورت کاملا خودکار انجام خواهد شد .
یکی از ابزار ها و فریم ورک های محبوب و پرکاربرد که با آن یک سایت را ریسپانسیو می کنیم فریم ورک bootstrap می باشد .
برای آشنایی بیشتر درباره این فریم ورک نیز به صفحه bootstrap نیز مراجعه نمایید.