طراحی سایت واکنش گرا (Responsive) چیست؟

طراحی سایت واکنش گرا (Responsive web design) یک روش طراحی وب است که هدف نمایش مطلوب صفحه در دستگاه‌های تلفن‌ هوشمند, تبلت تا نمایشگر کامپیوترهای رومیزی است.
یک وب‌سایت طراحی شده با کدهای اچ تی ام ال به روش واکنش گرا با لایه‌های انعطاف‌پذیر، طراحی‌های شناور، تصاویر انعطاف‌پذیر و مدیا کوئری‌های سی اس اس سازگار است.

چگونه سایت طراحی سایت واکنش گرا می شود؟

مفهوم طراحی سایت واکنش گرا (شبکه‌های انعطاف‌پذیر) این است که در آن برای اندازه عناصر صفحه به جای واحدهای مطلق مانند پیکسل یا پوینت از واحدهای نسبی مانند درصد استفاده می‌کنیم. اندازه تصاویر انعطاف‌پذیر نیز با واحدهای نسبی تعیین می‌گردد تا بیرون از عنصر نمایش‌دهنده خود نشان داده نشود. مدیا کوئری‌ها امکان استفاده از سی اس اس های مختلف برای صفحه براساس ویژگی‌های دستگاه نمایش‌دهنده (معمولاً براساس عرض مرورگر وب) فراهم می‌کنند.

منبع: وبروز