وب سایت ریسپانسیو_وب سایت ریسپانسیو_تفاوت بین واکنش گرا و تطبیقی-دانلود وب سایت

دایرکتوری مقاله

پاسخگو

فقط یک رابط توسعه دهید.
تطبیق صفحه برای صفحه در محدوده خاصی است: به عنوان مثال، یک مجموعه برای رایانه شخصی (> 1024)، یک مجموعه برای رایانه لوحی (768-1024)، یک مجموعه برای تلفن همراه (<768). اقتباس شده اند. (همانطور که می توانید تصور کنید: طراحی واکنشگرا باید بسیار پیچیده تر از طراحی تطبیقی در نظر گرفته شود)
یک صفحه وب ایجاد کنید و از CSS Media Query، Content-based Breakpoint و سایر فناوری‌ها برای تغییر اندازه صفحه وب برای انطباق با صفحه نمایش‌هایی با وضوح‌های مختلف استفاده کنید.

چندین رابط نیاز به توسعه دارند
با تشخیص وضوح ویوپورت، مشخص می‌شود که آیا دستگاهی که در حال حاضر به آن دسترسی دارید: رایانه شخصی، تبلت یا تلفن همراه است، در نتیجه درخواست لایه سرویس و برگرداندن صفحات مختلف، وضوح ویوپورت را تشخیص می‌دهد و عملیات روی کلاینت را برای مشتریان مختلف انجام می‌دهد. پردازش کد برای نمایش طرح‌بندی‌ها و محتوای مختلف.
صفحات وب مختلف را برای انواع مختلف دستگاه ها ایجاد کنید و پس از تشخیص وضوح دستگاه، صفحات وب مربوطه را فراخوانی کنید.

از مرورگر chrome یا edge برای باز کردن URL در رایانه استفاده کنید.
مطابق با F12 یا کلیک راست کرده و انتخاب کنید تشخیص.
در گوشه سمت چپ بالای پانل کلیک کنیدنماد تعویض دستگاه، همانطور که در زیر نشان داده شده است

پس از تعویض،
طرح نمایش داده شده در رایانه و پایانه های تلفن همراه به طور خودکار تغییر می کند، یعنیپاسخگومانند این سایت؛
اگر طرح‌بندی به‌طور خودکار تطبیق پیدا نکند، طرح‌بندی پس از تازه‌سازی صفحه به سازگاری تغییر می‌کند (URL می‌پرد یا نمی‌پرد)، یعنیانطباقیمانند بایدو;
اگر بعد از رفرش تغییری وجود نداشته باشد، نه پاسخگو است و نه تطبیقی و با دستگاه های مختلف سازگار نیست.

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