Atsakingas

1. Tiesiog sukurkite sąsają.
2. Puslapio ekrano pritaikymas yra tam tikrame diapazone: pvz., vienas rinkinys asmeniniam kompiuteriui (>1024), vienas rinkinys planšetiniam kompiuteriui (768-1024), vienas rinkinys mobiliajam telefonui (<768) responsive Visi puslapiai yra pritaikyti. (Kaip galite įsivaizduoti: reaguojantis dizainas turi būti laikomas daug sudėtingesniu nei adaptyvus dizainas)
3. Sukurkite tinklalapį ir naudokite CSS Media Query, Content-Based Breakpoint ir kitas technologijas, kad pakeistumėte tinklalapio dydį, kad jis prisitaikytų prie skirtingos raiškos ekranų.

Prisitaikantis

1. Reikia sukurti kelias sąsajas
2. Nustačius peržiūros srities skiriamąją gebą, nustatoma, ar šiuo metu pasiekiamas įrenginys: kompiuteris, planšetinis kompiuteris ar mobilusis telefonas, tokiu būdu užklausant paslaugų sluoksnio ir grąžinant skirtingus puslapius, reaguojantis dizainas aptinka peržiūros srities skiriamąją gebą ir atlieka operacijas klientui skirtingiems klientams. Kodo apdorojimas, norint parodyti skirtingus išdėstymus ir turinį.
3. Kurkite skirtingus tinklalapius skirtingų tipų įrenginiams ir, aptikę įrenginio skiriamąją gebą, iškvieskite atitinkamus tinklalapius.

Atskirkite reaguojantį ir prisitaikantį

1. Norėdami kompiuteryje atidaryti URL, naudokite naršyklės chromą arba Edge.
2. pagal F12 Arba dešiniuoju pelės mygtuku spustelėkite ir pasirinkite Aptikimas.
3. Spustelėkite viršutiniame kairiajame skydelio kampeĮrenginio perjungimo piktograma,Kaip parodyta žemiau

4. Po perjungimo,
   Kompiuteryje ir mobiliuosiuose terminaluose rodomas išdėstymas automatiškai persijungia, tAtsakingas, pvz., šioje svetainėje;
   Jei išdėstymas automatiškai nepritaikomas, atnaujinus puslapį išdėstymas persijungs į pritaikymą (URL šokinėja arba nešokinėja), tai yraPrisitaikantis, pvz., Baidu;
   Jei po atnaujinimo nėra perjungimo, jis nei reaguoja, nei prisitaiko, ir neprisitaiko prie skirtingų įrenginių.

pasiūlymas

• Plėtros perspektyva: vienas puslapis, sudėtingos funkcijos, pritaikomos paprastos, reaguojančios;
• SEO perspektyva: paieškos sistemos dažniausiai teikia pirmenybę reagavimui.

Apibendrinti

• Atsakingas:šablonų rinkinysPritaikius priekinę dalį, skirtingos raiškos šablonai sujungiami į vieną puslapį, o vieno šablonų puslapio atsisiuntimas yra tik vienas puslapis.
• Prisitaikantis:Keli šablonų rinkiniai; Pritaikytas backend, kiekvienas skyros šablonas turi vieną puslapį, o skirtingi raiškos šablonai atsisiunčiami atskirai.