طراحی وب واکنش‌گرا (به انگلیسی: Responsive web design) (سرواژه:RWD) یک روش طراحی وب است که هدف آن نمایش مطلوب صفحه در طیف گسترده‌ای از دستگاه‌ها از تلفن‌های همراه تا نمایشگر کامپیوترهای رومیزی است.[۱][۲][۳]

یک وب‌سایت طراحی شده به روش واکنش‌گرا[۱][۴] با لایه‌های انعطاف‌پذیر، طراحی‌های شناور،[۵] تصاویر انعطاف‌پذیر[۶][۷][۸][۹] و مدیا کوئری‌های CSS3 سازگار است.[۳][۱۰][۱۱]

مفهوم شبکه‌های انعطاف‌پذیر این است که در آن برای اندازه عناصر صفحه به جای واحدهای مطلق مانند پیکسل یا پوینت از واحدهای نسبی مانند درصد استفاده می‌کنیم.[۵]

اندازه تصاویر انعطاف‌پذیر نیز با واحدهای نسبی تعیین می‌گردد تا بیرون از عنصر نمایش‌دهنده خود نشان داده نشود.[۶]

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



نظرات برخی از مشتریان ما


طراحی وب واکنش‌گرا (به انگلیسی: Responsive web design) (سرواژه:RWD) یک روش طراحی وب است که هدف آن نمایش مطلوب صفحه در طیف گسترده‌ای از دستگاه‌ها از تلفن‌های همراه تا نمایشگر کامپیوترهای رومیزی است.

یک وب‌سایت طراحی شده به روش واکنش‌گرا با لایه‌های انعطاف‌پذیر، طراحی‌های شناور،[۵] تصاویر انعطاف‌پذیر و مدیا کوئری‌های CSS3 سازگار است.

مفهوم شبکه‌های انعطاف‌پذیر این است که در آن برای اندازه عناصر صفحه به جای واحدهای مطلق مانند پیکسل یا پوینت از واحدهای نسبی مانند درصد استفاده می‌کنیم.

اندازه تصاویر انعطاف‌پذیر نیز با واحدهای نسبی تعیین می‌گردد تا بیرون از عنصر نمایش‌دهنده خود نشان داده نشود.

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

مطالعه بیشتر در ویکی پدیا


پروژه چطور کار می‌کند

create project
١. ایجاد پروژه
طراحی وب واکنش‌گرا
hire
٢. استخدام
بهترین فریلنسرها را پیدا کنید
secure payment
٣. پرداخت امن
بعد از تحویل پروژه پرداخت را آزاد کنید
rate freelancer
۴. رتبه
ثبت رتبه برای فریلنسر

ایده های خود را با فریلنسرهای طراحی وب واکنش‌گرا به واقعیت تبدیل کنید