Одговорен

1. Само развијте интерфејс.
2. Прилагодувањето на екранот за страницата е во одреден опсег: на пример, еден сет за компјутер (>1024), еден сет за таблет (768-1024), еден сет за мобилен телефон (<768); се прилагодени. (Како што можете да замислите: респонзивниот дизајн треба да се смета за многу покомплексен од адаптивниот дизајн)
3. Направете веб-страница и користете CSS Media Query, Content-Based Breakpoint и други технологии за да ја промените големината на веб-страницата за да се приспособат на екрани со различна резолуција.

Адаптивни

1. Треба да се развијат повеќе интерфејси
2. Со откривање на резолуцијата на приказот, се определува дали тековно пристапениот уред е: компјутер, таблет или мобилен телефон, со што се бара слојот на услугата и се враќаат различните страници што реагираат, ја детектира резолуцијата на приказот и врши операции на клиентот за различни клиенти. Обработка на код за прикажување на различни распореди и содржини.
3. Креирајте различни веб-страници за различни типови уреди и повикајте ги соодветните веб-страници откако ќе ја откриете резолуцијата на уредот.

Разликувајте помеѓу одговорно и адаптивно

1. Користете го прелистувачот Chrome или Edge за да ја отворите URL-то на компјутерот.
2. според F12 Или кликнете со десното копче и изберете Откривање.
3. Кликнете во горниот лев агол на панелотИкона за префрлување уред, Како што е прикажано подолу

4. По префрлувањето,
   Распоредот прикажан на компјутерот и мобилните терминали автоматски се префрла, т.еОдговорен, како што е оваа страница;
   Ако распоредот не се прилагодува автоматски, изгледот ќе се префрли на адаптација по освежувањето на страницата (URL-от скока или не скока), т.е.Адаптивни, како што е Baidu;
   Ако нема префрлување по освежувањето, тоа не е ниту одговорно, ниту приспособливо и не се прилагодува на различни уреди.

предлог

• Развојна перспектива: една страница, сложени функции, адаптивни едноставни функции, одговора;
• Перспектива на оптимизација: Пребарувачите генерално претпочитаат реакција.

Сумирајте

• Одговорно:збир на шаблониПриспособено од предниот дел, шаблоните со различна резолуција се спојуваат во една страница, а преземањето на една страница шаблони е само една страница.
• Адаптивно:Повеќе групи на шаблониПриспособено од задниот дел, секој шаблон за резолуција има една страница, а различни шаблони за резолуција се преземаат одделно.