Responzívne

1. Stačí vytvoriť rozhranie.
2. Prispôsobenie obrazovky pre stránku je v určitom rozsahu: napríklad jedna sada pre PC (>1024), jedna sada pre tablet (768-1024), jedna sada pre mobilný telefón (<768); sú prispôsobené. (Ako si viete predstaviť: responzívny dizajn je potrebné považovať za oveľa zložitejší ako adaptívny dizajn)
3. Vytvorte webovú stránku a použite CSS Media Query, Content-Based Breakpoint a ďalšie technológie na zmenu veľkosti webovej stránky tak, aby sa prispôsobila obrazovkám s rôznym rozlíšením.

Adaptívny

1. Je potrebné vyvinúť viacero rozhraní
2. Zisťovaním rozlíšenia výrezu sa určuje, či je aktuálne pristupované zariadenie: PC, tablet alebo mobilný telefón, čím sa požaduje vrstva služieb a vracajú sa rôzne stránky, zisťuje sa rozlíšenie výrezu a vykonáva sa operácie na klientovi pre rôznych klientov. Spracovanie kódu na zobrazenie rôznych rozložení a obsahu.
3. Vytvorte rôzne webové stránky pre rôzne typy zariadení a po zistení rozlíšenia zariadenia zavolajte na príslušné webové stránky.

Rozlišujte medzi citlivým a adaptívnym

1. Na otvorenie adresy URL v počítači použite prehliadač Chrome alebo edge.
2. podľa F12 Alebo kliknite pravým tlačidlom myši a vyberte Detekcia.
3. Kliknite do ľavého horného rohu panelaIkona prepínania zariadenia,Ako je ukázané nižšie

4. Po prepnutí,
   Rozloženie zobrazené na počítači a mobilných termináloch sa automaticky prepne, tznResponzívne, ako je táto stránka;
   Ak sa rozloženie neprispôsobí automaticky, po obnovení stránky sa rozloženie prepne na prispôsobenie (URL preskočí alebo nepreskočí), tzn.Adaptívnyako je Baidu;
   Ak po obnovení nedôjde k žiadnemu prepínaniu, nie je ani citlivý, ani adaptívny a neprispôsobuje sa rôznym zariadeniam.

návrh

• Perspektíva vývoja: jedna stránka, komplexné funkcie, adaptívne jednoduché funkcie, responzívne.
• SEO perspektíva: Vyhľadávače vo všeobecnosti preferujú odozvu.

Zhrnúť

• Responzívne:súbor šablónŠablóny s rôznymi rozlíšeniami sú prispôsobené frontendu a sťahovanie jednej stránky šablón je len jedna stránka.
• Adaptívne:Viacero sád šablón, Prispôsobené backendom, každá šablóna rozlíšenia má jednu stránku a rôzne šablóny rozlíšenia sa sťahujú samostatne.