Responsiivinen

1. Kehitä vain käyttöliittymä.
2. Sivun näyttösovitus on tietyllä alueella: esimerkiksi yksi sarja PC:lle (>1024), yksi sarja tabletille (768-1024), yksi sarja matkapuhelimelle (<768) responsiivisille sivuille ovat mukautettuja. (Kuten voit kuvitella: reagoivaa suunnittelua on pidettävä paljon monimutkaisempina kuin mukautuvaa suunnittelua)
3. Luo verkkosivu ja käytä CSS-mediakyselyä, sisältöpohjaista keskeytyspistettä ja muita tekniikoita muuttaaksesi verkkosivun kokoa niin, että se mukautuu eri resoluutioilla varustettuihin näyttöihin.

Mukautuva

1. On kehitettävä useita käyttöliittymiä
2. Tunnistamalla näkymän resoluutio määritetään, onko tällä hetkellä käytössä oleva laite: PC, tabletti vai matkapuhelin, jolloin se pyytää palvelukerrosta ja palauttaa eri sivuja responsiivinen suunnittelu havaitsee näkymän resoluution ja suorittaa toimintoja asiakkaalle eri asiakkaille. Koodikäsittely erilaisten asettelujen ja sisällön näyttämiseksi.
3. Luo erilaisia ​​verkkosivuja erityyppisille laitteille ja soita vastaaville verkkosivuille laitteen resoluution havaitsemisen jälkeen.

Tee ero reagoivan ja mukautuvan välillä

1. Avaa URL-osoite tietokoneella selaimen kromilla tai edgellä.
2. mukaan F12 Tai napsauta hiiren kakkospainikkeella ja valitse Havaitseminen.
3. Napsauta paneelin vasemmassa yläkulmassaLaitteen vaihtokuvake,Kuten alla

4. Vaihdon jälkeen
   Tietokoneella ja mobiilipäätelaitteilla näkyvä asettelu vaihtuu automaattisesti, eliResponsiivinen, kuten tämä sivusto;
   Jos asettelu ei mukaudu automaattisesti, asettelu vaihtuu mukautumiseen sivun päivityksen jälkeen (URL hyppää tai ei hyppää), eliMukautuva, kuten Baidu;
   Jos vaihtoa ei tapahdu päivityksen jälkeen, se ei ole responsiivinen eikä mukautuva, eikä se mukaudu eri laitteisiin.

ehdotus

• Kehitysnäkökulma: yksisivuinen, monimutkaiset toiminnot, mukautuvat yksinkertaiset toiminnot, reagoiva.
• SEO-näkökulma: Hakukoneet suosivat yleensä reagointikykyä.

Tee yhteenveto

• Responsiivinen:joukko mallejaKäyttöliittymän mukauttamat mallit eri resoluutioilla yhdistetään yhdeksi sivuksi, ja yhden mallisivun lataaminen on vain yksi sivu.
• Mukautuva:Useita mallejaTaustaohjelman mukauttamana jokaisessa resoluutiomallissa on yksi sivu, ja eri resoluutiomallit ladataan erikseen.