Czuły

1. Wystarczy opracować interfejs.
2. Dostosowanie ekranu strony mieści się w określonym zakresie: np. jeden zestaw na PC (>1024), jeden zestaw na tablet (768-1024), jeden zestaw na telefon komórkowy (<768); są dostosowane. (Jak możesz sobie wyobrazić: projekt responsywny należy uważać za znacznie bardziej złożony niż projekt adaptacyjny)
3. Utwórz stronę internetową i użyj CSS Media Query, Content-Based Breakpoint i innych technologii, aby zmienić rozmiar strony internetowej w celu dostosowania do ekranów o różnych rozdzielczościach.

Adaptacyjny

1. Należy opracować wiele interfejsów
2. Wykrywając rozdzielczość rzutni, określa się, czy aktualnie używane urządzenie to: komputer stacjonarny, tablet czy telefon komórkowy, w ten sposób wysyłając żądanie do warstwy usługi i zwracając różne strony; responsywny projekt wykrywa rozdzielczość rzutni i wykonuje operacje na kliencie dla różnych klientów. Przetwarzanie kodu w celu wyświetlania różnych układów i treści.
3. Twórz różne strony internetowe dla różnych typów urządzeń i wywoływaj odpowiednie strony internetowe po wykryciu rozdzielczości urządzenia.

Rozróżnij responsywne i adaptacyjne

1. Użyj przeglądarki Chrome lub Edge, aby otworzyć adres URL na komputerze.
2. według F12 Lub kliknij prawym przyciskiem myszy i wybierz Wykrycie。
3. Kliknij w lewym górnym rogu paneluIkona przełączania urządzenia,Jak pokazano niżej

4. Po przełączeniu,
   Układ wyświetlany na komputerze i terminalach mobilnych zmienia się automatycznie, tznCzuły, takie jak ta witryna;
   Jeśli układ nie dostosuje się automatycznie, układ przejdzie w adaptację po odświeżeniu strony (adres URL przeskakuje lub nie przeskakuje), czyliAdaptacyjny, takie jak Baidu;
   Jeśli po odświeżeniu nie ma przełączania, oznacza to, że nie jest on responsywny, adaptacyjny i nie dostosowuje się do różnych urządzeń.

sugestia

• Perspektywa rozwoju: pojedyncza strona, złożone funkcje, funkcje adaptacyjne, responsywne.
• Perspektywa SEO: wyszukiwarki generalnie preferują responsywność.

Podsumować

• Czuły:zestaw szablonów; Dostosowane przez interfejs, szablony o różnych rozdzielczościach są łączone w jedną stronę, a pobranie jednej strony szablonów to tylko jedna strona.
• Adaptacyjny:Wiele zestawów szablonów; Dostosowany przez backend, każdy szablon rozdzielczości ma jedną stronę, a różne szablony rozdzielczości są pobierane osobno.