در هنگام ساخت یک صفحه وب، آیا در شرایطی قرار گرفته‌اید که از خود بپرسید “چگونه می‌توانم طرح خود را به طور درست در دستگاهی نمایش دهم که صفحه نمایش آن با نسبت ابعاد استاندارد متفاوت است؟”، “آیا باید نسخه دسکتاپ طراحی شده را به عنوان مبنای طراحی برای سایر دستگاه‌ها در نظر گرفت؟” و یا اینکه “چرا طراحی من در صفحه موبایل دچار بهم ریختگی شده است؟” مواجهه با پرسش‌های از این قبیل در هنگام ساخت یک صفحه وب امر متداولی است که طراحان و توسعه‌دهندگان وب باید آنها را در نظر داشته باشند.
هنگام ایجاد یک صفحه وب، توجه به این نکته که صفحات وب ساخته شده بر روی تمامی دستگاه‌ها به درستی نمایش داده شوند امری ضروری است. برای اینکار نیاز به استفاده از طراحی ریسپانسیو است که با کمک آن می‌توانیم صفحات داینامیک جذابی ایجاد کنیم که در همه دستگاه‌ها به درستی نمایش داده شوند. در طراحی ریسپانسیو از چندین نقطه شکست برای تقسیم اندازه صفحه استفاده می‌شود که این متد باعث ایجاد یک صفحه وب داینامیک می‌گردد. به این صورت که در هر محدوده استایل‌هایی برای عناصر مختلف تعریف می‌شود و هر عنصر می‌تواند براساس آنچه تعریف شده است کشیده و یا کوچک شود.
محدوده‌ها معمولاً بسته به عرض دستگاه‌های مختلف تعریف می‌شوند و بر اساس این محدوده‌ها طرح‌های جداگانه‌ای برای موبایل، تبلت و دسکتاپ ساخته می‌شود. برای آشنایی بیشتر با این موضوع شما را به خواندن این مقاله کاربردی و جذاب دعوت می‌نماییم.
