Evaluación 3erP M3S1

¿Qué es el diseño responsivo?

• Diseño que solo funciona en dispositivos móviles.

• Diseño que se adapta automáticamente al tamaño y orientación de la pantalla.

• Diseño estático que no cambia en ningún dispositivo.

• Diseño exclusivo para escritorio con layouts fijos.

¿Cuál es la diferencia clave entre diseño responsivo y adaptativo?

• El diseño responsivo usa layouts fijos, mientras que el adaptativo es flexible.

• El diseño adaptativo usa versiones predefinidas para distintos dispositivos, mientras que el responsivo es fluido.

• El diseño adaptativo no requiere media queries.

• El diseño responsivo solo funciona con JavaScript.

¿Qué técnica es esencial en el diseño responsivo?

• Usar píxeles fijos (px) para todos los elementos.

• Emplear media queries en CSS.

• Crear imágenes en formato PNG para todos los dispositivos.

• Evitar el uso de unidades relativas como % o rem.

¿Qué enfoque utiliza el diseño adaptativo?

• Un único layout que se estira o encoge.

• Múltiples layouts predefinidos para diferentes rangos de pantalla.

• Ignorar el viewport en móviles.

• Solo usar JavaScript para ajustes.

¿Qué estrategia se usa para imágenes responsivas?

• Cargar siempre imágenes en alta resolución.

• Usar el atributo srcset en HTML.

• Evitar el uso de SVG.

• Definir un ancho fijo en píxeles.

¿Qué framework es popular para diseño responsivo?

• jQuery.

• Bootstrap.

• Laravel.

• Django.