1. No intentes hacerlo manualmente. Use marcos como Zurb Foundation o Twitter Bootstrap en la medida de lo posible.
2. Use consultas de medios para ajustar estilos para varias resoluciones de pantalla.
3. CSS 3 proporciona muchas propiedades nuevas como min-width y max-width para hacer posibles diseños receptivos.
- ¿Cómo funciona Gumtree?
- ¿Por qué los logotipos de GitHub, Stack Overflow y algunos otros sitios web famosos se han transformado para que sean coloridos de repente?
- ¿Por qué las empresas hacen hincapié en el uso de aplicaciones en lugar de sitios web?
- ¿Quieres un sitio web para tu negocio?
- Cómo escribir los términos y condiciones y la política de privacidad de un sitio web
4. Reemplace las imágenes más grandes con imágenes más pequeñas para dispositivos móviles.
5. Si su aplicación está dirigida a navegadores modernos, puede usar las unidades de enlace vh y vw para ajustar las dimensiones de casi todos los elementos DOM (incluido el tamaño de fuente) para ajustar de acuerdo con su puerto de visualización.
6. Evite cargar scripts grandes en dispositivos móviles. Intenta hacer las cosas con CSS en la medida de lo posible.
7. Intercambie descripciones de texto grandes por otras más cortas para dispositivos móviles.
8. Evite la práctica de diseñar todo el sitio web para escritorio primero y luego adaptarlo a dispositivos más pequeños. Hágalo elemento por elemento o vista puerto por puerto vista.
¡Espero que los puntos anteriores ayuden!