Trang web đáp ứng_Trang web đáp ứng_Sự khác biệt giữa phản hồi và thích ứng-Tải xuống trang web

Thư mục bài viết

Phản ứng nhanh nhẹn

Chỉ cần phát triển một giao diện.
Khả năng thích ứng với màn hình của trang nằm trong một phạm vi nhất định: ví dụ: một bộ dành cho PC (>1024), một bộ dành cho máy tính bảng (768-1024), một bộ dành cho điện thoại di động (<768); được thích nghi. (Như bạn có thể tưởng tượng: thiết kế đáp ứng cần được coi là phức tạp hơn nhiều so với thiết kế thích ứng)
Tạo một trang web và sử dụng CSS Media Query, Điểm dừng dựa trên nội dung và các công nghệ khác để thay đổi kích thước của trang web nhằm thích ứng với các màn hình có độ phân giải khác nhau.

Nhiều giao diện cần được phát triển
Bằng cách phát hiện độ phân giải của khung nhìn, nó sẽ xác định xem thiết bị hiện đang truy cập là: PC, máy tính bảng hay điện thoại di động, từ đó yêu cầu lớp dịch vụ và trả về các trang khác nhau. Thiết kế đáp ứng sẽ phát hiện độ phân giải của khung nhìn và thực hiện các thao tác trên máy khách cho các máy khách khác nhau; Xử lý mã để hiển thị các bố cục và nội dung khác nhau.
Tạo các trang web khác nhau cho các loại thiết bị khác nhau và gọi các trang web tương ứng sau khi phát hiện độ phân giải của thiết bị.

Sử dụng trình duyệt chrome hoặc edge để mở URL trên máy tính.
dựa theo F12 Hoặc click chuột phải chọn Phát hiện。
Bấm vào góc trên bên trái của bảng điều khiểnBiểu tượng chuyển đổi thiết bị, Như hình dưới đây

Sau khi chuyển đổi,
Bố cục hiển thị trên máy tính và thiết bị đầu cuối di động sẽ tự động chuyển đổi, tức làPhản ứng nhanh nhẹn, chẳng hạn như trang web này;
Nếu bố cục không tự động thích ứng thì bố cục sẽ chuyển sang thích ứng sau khi làm mới trang (URL nhảy hoặc không nhảy), tức làThích ứng, chẳng hạn như Baidu;
Nếu không có chuyển đổi sau khi làm mới, nó không phản hồi cũng như không thích ứng và không thích ứng với các thiết bị khác nhau.

Quan điểm phát triển: trang đơn, chức năng phức tạp, chức năng thích ứng đơn giản, đáp ứng.
Quan điểm SEO: Các công cụ tìm kiếm thường thích khả năng phản hồi hơn.

Phản ứng nhanh nhẹn:một bộ mẫu; Được điều chỉnh bởi giao diện người dùng, các mẫu có độ phân giải khác nhau được hợp nhất thành một trang và việc tải xuống một trang mẫu chỉ là một trang.
Thích ứng:Nhiều bộ mẫu; Được điều chỉnh bởi phần phụ trợ, mỗi mẫu độ phân giải có một trang và các mẫu độ phân giải khác nhau được tải xuống riêng.