طراحی ریسپانسیو چست

طراحی ریسپانسیو چست

شناسه: 126 آخرین ویرایش: پنجشنبه 31 ارديبهشت 1394

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

اما امروزه با وجود تبلتها و گوشی های هوشمند کاربران می توانند از هر مکانی به وب گردی بپردازند و کارهای مورد نظر خود را انجام دهند.

وب سایتهای قدیمی برای دستگاههای موبایل قابل استفاده نیستند

یکی از مشکلاتی که برای موبایلها وجود دارد این است که ابعاد وب سایتها بسیار بزرگتر از ابعاد گوشی ها و تبلتها می باشد و وب سایتها به خوبی در این دستگاهها نمایش داده نمی شود.

برای برطرف کردن این مشکل چند راه حل ارائه شد که مهمترین آنها طراحی قالب ریسپانسیو Responsive می باشد.

طراحی ریسپانسیو چست

طراحی ریسپانسیو روشی است که باعث می شود یک وب سایت در مانیتورها، گوشی های موبایل و تبلتها به گونه ای نمایش داده شود که نیاز به اسکرول افقی نباشد. در این روش قالب وب سایت باید بتواند ابعاد خود را متناسب با ابعاد دستگاه نمایش دهنده تغییر دهد.

برای اینکه بتوانید یک وب سایت را به صورت ریسپانسیو طراحی کنید باید با متا تگ viewport و مدیا کوئری ها در CSS آشنایی داشته باشید.