Sensible

1. Simplemente desarrolle una interfaz.
2. La adaptación de pantalla de la página está dentro de un rango determinado: por ejemplo, un conjunto para PC (>1024), un conjunto para tableta (768-1024), un conjunto para teléfono móvil (<768); están adaptados. (Como puedes imaginar: el diseño responsivo debe considerarse mucho más complejo que el diseño adaptativo)
3. Cree una página web y utilice CSS Media Query, Content-Based Breakpoint y otras tecnologías para cambiar el tamaño de la página web y adaptarla a pantallas con diferentes resoluciones.

Adaptado

1. Es necesario desarrollar múltiples interfaces
2. Al detectar la resolución de la ventana gráfica, se determina si el dispositivo al que se accede actualmente es: PC, tableta o teléfono móvil, solicitando así la capa de servicio y devolviendo diferentes páginas, el diseño responsivo detecta la resolución de la ventana gráfica y realiza operaciones en el cliente para diferentes clientes. Procesamiento de código para mostrar diferentes diseños y contenidos.
3. Cree diferentes páginas web para diferentes tipos de dispositivos y llame a las páginas web correspondientes después de detectar la resolución del dispositivo.

Diferenciar entre responsivo y adaptativo

1. Utilice el navegador Chrome o Edge para abrir la URL en la computadora.
2. de acuerdo a F12 O haga clic derecho y seleccione Detección。
3. Haga clic en la esquina superior izquierda del panel.Icono de cambio de dispositivo,Como se muestra abajo

4. Después de cambiar,
   El diseño que se muestra en la computadora y en los terminales móviles cambia automáticamente, es decirSensible, como este sitio;
   Si el diseño no se adapta automáticamente, el diseño cambiará a adaptación después de actualizar la página (la URL salta o no salta), es decirAdaptado, como Baidu;
   Si no hay cambio después de la actualización, no responde ni se adapta y no se adapta a diferentes dispositivos.

sugerencia

• Perspectiva de desarrollo: página única, funciones complejas, funciones simples, responsivas.
• Perspectiva SEO: los motores de búsqueda generalmente prefieren la capacidad de respuesta.

Resumir

• Sensible:un conjunto de plantillasAdaptado por la interfaz, las plantillas con diferentes resoluciones se combinan en una página y descargar una página de plantillas es solo una página.
• Adaptado:Múltiples conjuntos de plantillasAdaptado por el backend, cada plantilla de resolución tiene una página y las diferentes plantillas de resolución se descargan por separado.