مقدمه ی طراحی واکنش گرا در CSS

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

• طراحی واکنش گرای وب، باعث می شود تا صفحات وب شما در تمامی دستگاه ها به خوبی نمایش داده شوند.
• در طراحی واکنش گرای وب، تنها از HTML و CSS استفاده می شود. 
• طراحی واکنش گرای وب، یک برنامه یا کد جاوا اسکریپت نمی باشد.

طراحی بهترین نتیجه، برای تمامی کاربران

همانطور که می دانید افراد برای مشاهده یک صفحه وب از دستگاه هایی مختلفی همچون رایانه، تبلت و موبایل استفاده می کنند.صفحات وب  باید به گونه ای طراحی شوند که در دستگاه های مختلف به درستی نمایش داده شوند. به تصاویر زیر توجه کنید:

به این روش  طراحی سایت، طراحی واکنش گرا گفته می شود زیرا با استفاده از آن، صفحه وب شما در تمام  دستگاه ها  به درستی  نشان داده می شود.در طراحی واکنشگرا، از HTML و CSS برای تغییر اندازه، مخفی کردن، کوچک کردن، بزرگ کردن یا منتقل کردن محتوا بدون هیچ گونه به هم ریختگی استفاده می شود.