Responsive
ریسپانسیو چیست؟
ریسپانسیو چیست؟
ریسپانسیو در لغت واکنش گرا معنی شده است و در فضای مجازی قابلیت
انعطاف پذیری طراحی سایت های اینترنتی می باشد .به گونه ای که صفحات وب سایت نسبت
به دستگاه کاربر چون گوشی تلفن هوشمند ، تبلت ، لب تاپ ، انواع مانیتور کامپیوتر
و تلویزیون های هوشمند واکنش نشان داده و خود را بر مبنای اندازه صفحه و اسکرین
نمایش می دهند.
اگر با موبایل و یا تبلت وب سایتی را باز کردید و برای خواندن
یا دیدن تصاویر مدام نیاز به اسکرول يا تغيير زوم داشتید ، و این برای شما آزار
دهنده است ، بدانید که طراح سایت از قابلیت ریسپانسیو استفاده نکرده است.
برای
تست رسپانسیو بودن سایت می توانید مرورگر خود را ازحالت maximize خارج کنید و با
موس خود صفحه مرورگر را کوچک و بزرگ کنید ، می بینید که سایز صفحه تغییر می کند
اما نوشته ها و لینک ها همچنان خوانا هستند و نیازی به zoom in و zoom out و اسکرول
ندارند.
همچنین می توانید گوشی یا تبلت خود را در حالت افقی یا عمودی گرفته
و نتیجه را مشاهده نمایید.
یک ریسپانسیو صحیح ، شامل متن ها ، تصاویر ، تصایر
متحرک ، جداول و حتی ویدئو ها می باشد.و از به هم ریختگی المان های مختلف در یک
صفحه ی وب جلوگیری می کند.
در زیر لینک دو نمونه سایت ریسپانسیو جهت مشاهده
آورده شده است.
سایت کانون بازنشستگان آموزش و پرورش نجف آباد.
www.kanoonb.ir
سایت تفریحی آموزشی حبیب.
www.habib.ir
کد ریسپانسیو کردن صفحات وبسایت:
کد ریسپانسیو کردن تصاویر:
کد ریسپانسیو کردن دایو ها DIV
:
ریسپانسیو کردن جدول ها :
ریسپانسیو کردن آی فرم IFRAME
:
ریسپانسیو فرم ها :