Tumutugon

1. Bumuo lamang ng isang interface.
2. Ang screen adaptation para sa page ay nasa loob ng isang partikular na saklaw: halimbawa, isang set para sa PC (>1024), isang set para sa tablet (768-1024), isang set para sa mobile phone (<768); ay inangkop. (Tulad ng maiisip mo: ang tumutugon na disenyo ay kailangang ituring na mas kumplikado kaysa sa adaptive na disenyo)
3. Gumawa ng web page at gumamit ng CSS Media Query, Content-Based Breakpoint at iba pang mga teknolohiya para baguhin ang laki ng web page para umangkop sa mga screen na may iba't ibang resolution.

Adaptive

1. Maraming mga interface ang kailangang mabuo
2. Sa pamamagitan ng pag-detect sa resolution ng viewport, natutukoy kung ang kasalukuyang na-access na device ay: PC, tablet, o mobile phone, sa gayon ay humihiling ng layer ng serbisyo at nagbabalik ng iba't ibang mga page na tumutugon sa resolution ng viewport at nagsasagawa ng mga operasyon sa client para sa iba't ibang mga kliyente. Pagproseso ng code upang magpakita ng iba't ibang mga layout at nilalaman.
3. Lumikha ng iba't ibang mga web page para sa iba't ibang uri ng mga device, at tumawag sa kaukulang mga web page pagkatapos makita ang resolution ng device.

Ibahin ang pagkakaiba sa pagitan ng tumutugon at umaangkop

1. Gamitin ang browser chrome o edge upang buksan ang URL sa computer.
2. ayon kay F12 O i-right click at piliin Pagtuklas.
3. Mag-click sa kaliwang sulok sa itaas ng panelIcon ng pagpapalit ng device, Gaya ng ipinapakita sa ibaba

4. Pagkatapos lumipat,
   Ang layout na ipinapakita sa computer at mga mobile na terminal ay awtomatikong lumilipat, ibig sabihinTumutugon, tulad ng site na ito;
   Kung ang layout ay hindi awtomatikong umaangkop, ang layout ay lilipat sa adaptasyon pagkatapos i-refresh ang pahina (ang URL ay tumalon o hindi tumalon), iyon ayAdaptive, tulad ng Baidu;
   Kung walang switching pagkatapos mag-refresh, hindi ito tumutugon o adaptive, at hindi ito umaangkop sa iba't ibang device.

mungkahi

• Pananaw sa pag-unlad: solong pahina, kumplikadong mga pag-andar, mga simpleng pag-andar, tumutugon.
• Pananaw ng SEO: Sa pangkalahatan, mas gusto ng mga search engine ang kakayahang tumugon.

Ibuod

• Tumutugon:isang hanay ng mga template; Iniangkop sa harap na dulo, ang mga template na may iba't ibang mga resolusyon ay pinagsama sa isang pahina, at ang pag-download ng isang pahina ng mga template ay isang pahina lamang.
• Adaptive:Maramihang mga hanay ng mga template; Iniangkop ng backend, ang bawat template ng resolusyon ay may isang pahina, at ang iba't ibang mga template ng resolusyon ay hiwalay na dina-download.