Responsief

1. Ontwikkel net 'n koppelvlak.
2. Die skermaanpassing vir die bladsy is binne 'n sekere reeks: byvoorbeeld een stel vir rekenaar (>1024), een stel vir tablet (768-1024), een stel vir selfoon (<768); is aangepas. (Soos jy jou kan voorstel: responsiewe ontwerp moet as baie meer kompleks as aanpasbare ontwerp beskou word)
3. Skep 'n webblad en gebruik CSS-medianavraag, inhoud-gebaseerde breekpunt en ander tegnologieë om die grootte van die webblad te verander om aan te pas by skerms met verskillende resolusies.

Aanpasbaar

1. Veelvuldige koppelvlakke moet ontwikkel word
2. Deur die kykpoort-resolusie te bespeur, word bepaal of die toestel wat tans toegang verkry word: rekenaar, tablet of selfoon is, en daardeur word die dienslaag versoek en verskillende bladsye wat reageer, bespeur die kykpoort-resolusie en doen bewerkings op die kliënt vir verskillende kliënte. Kodeverwerking om verskillende uitlegte en inhoud te vertoon.
3. Skep verskillende webblaaie vir verskillende soorte toestelle, en bel die ooreenstemmende webblaaie nadat die toestelresolusie opgespoor is.

Onderskei tussen responsief en aanpasbaar

1. Gebruik die blaaier chroom of rand om die URL op die rekenaar oop te maak.
2. Volgens F12 Of regskliek en kies Opsporing.
3. Klik in die boonste linkerhoek van die paneelToestelwissel-ikoon, Soos hieronder getoon

4. Na oorskakeling,
   Die uitleg wat op die rekenaar en mobiele terminale vertoon word, skakel outomaties, dit wil sêResponsief, soos hierdie webwerf;
   As die uitleg nie outomaties aanpas nie, sal die uitleg oorskakel na aanpassing nadat die bladsy verfris is (die URL spring of spring nie), dit wil sêAanpasbaar, soos Baidu;
   As daar nie geskakel word na verfris nie, reageer dit nie en pas dit nie by verskillende toestelle aan nie.

voorstel

• Ontwikkelingsperspektief: enkele bladsy, komplekse funksies, aanpasbare eenvoudige funksies, reageer;
• SEO-perspektief: Soekenjins verkies gewoonlik reaksie.

Som op

• Responsief:'n stel sjabloneAangepas deur die voorkant, word sjablone met verskillende resolusies in een bladsy saamgevoeg, en die aflaai van een bladsy met sjablone is net een bladsy.
• Aanpasbaar:Veelvuldige stelle sjabloneAangepas deur die backend, elke resolusie sjabloon het een bladsy, en verskillende resolusie sjablone word afsonderlik afgelaai.