Спагадны

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: пошукавыя сістэмы звычайна аддаюць перавагу спагадлівасці.

Падвядзіце вынікі

• Спагадны:набор шаблонаўАдаптаваныя інтэрфейсам, шаблоны з рознымі дазволамі аб'ядноўваюцца ў адну старонку, а загрузка адной старонкі шаблонаў - гэта толькі адна старонка.
• Адаптыўны:Некалькі набораў шаблонаўАдаптаваны бэкэндам, кожны шаблон раздзялення мае адну старонку, а розныя шаблоны раздзялення загружаюцца асобна.