Отзивчив

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;
   Ако няма превключване след опресняване, той не е нито отзивчив, нито адаптивен и не се адаптира към различни устройства.

внушение

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

Обобщете

• Отзивчив:набор от шаблони; Адаптирани от предния край, шаблони с различни резолюции се обединяват в една страница и изтеглянето на една страница от шаблони е само една страница.
• Адаптивен:Няколко комплекта шаблони; Адаптиран от бекенда, всеки шаблон за резолюция има една страница, а различните шаблони за резолюция се изтеглят отделно.