مقدمه آموزش واکنش گرایی در CSS

طراحی واکنش گرای وب، یعنی صفحات وب را جوری ایجاد کنیم که سایت ما در تمام دستگاه ها به خوبی نشان داده شود. یک طراحی واکنش گراب وب، به طور اتوماتیک برای سایزهای مختلف صفحه و مناطق دید(viewports) تنظیم می شود. 

بهترین تجربه برای تمام کاربران

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

اجزاء اصلی در طراحی واکنش گرای وب عبارتند از:

• تگ متای Viewport
• چینش انعطاف پذیر(گرید و فلکس)
• مدیا کوئری ها

(دسکتاپ)

(تبلت)

(موبایل)

منبع: https://www.w3schools.com/css