Responsive
ریسپانسیو چیست؟



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


کد ریسپانسیو کردن صفحات وبسایت:
کد ریسپانسیو کردن تصاویر:
کد ریسپانسیو کردن دایو ها  DIV :
ریسپانسیو کردن جدول ها :
ریسپانسیو کردن آی فرم  IFRAME :
ریسپانسیو فرم ها :











برگشت به صفحه قبل