RWD: Desafío de Diseño Adaptable

Froggy Jumps

Jugadas 13

Crear copia

Sobre esta actividad

Preguntas sobre diseño web móvil y Viewport

Creada por

Carlos Gonzalez Castro

Costa Rica

Descarga la versión para jugar en papel

Top 10 resultados

#	Jugador	Acierto	tiempo
1	Josué S. 8 de Diciembre de 2025	% 100	00:43
2	Gersan Daniel Rojas Miranda 8 de Diciembre de 2025	% 100	01:00
3	Yostin Rizo 10 de Diciembre de 2025	% 100	01:12
4	Axel Retana 8 de Diciembre de 2025	% 100	01:18
5	Daniel Arceda Polanco 8 de Diciembre de 2025	% 100	01:38
6	Emily Guillén 10 de Diciembre de 2025	% 90	01:33
7	Abel Perez 8 de Diciembre de 2025	% 90	01:40

¿Quieres aparecer en el Top 10 de este juego? Inicia sesión para identificarte.

Crea tu propio juego gratis desde nuestro creador de juegos

Compite contra tus amigos para ver quien consigue la mejor puntuación en esta actividad

Crear reto

Sabiduría animal

Educaplay Educational Resources

España

(15490)

Conviértete en un genio del Reino Animal
OPEN UP 6 UNIT 1 VOCABULARY

karen blixen

España

(102)

Repasamos el vocabulario de la unidad
Quiz de Culpa mía película

Yamila Chavez

Argentina

(176)

Demuestra cuánto sabes sobre la película Culpa mía con este divertido quiz.
El valle de los lobos

Marcos Signes

España

(109)

20 preguntas de este maravilloso libro
Salva a la Ranita

Melanie Rodriguez

Estados Unidos

(342)

Contesta las siguientes multiplicaciones correctamente para salvar a la ranita y evitar que caiga al agua, mucha suerte!


Froggy Jumps RWD: Desafío de Diseño AdaptableVersión en línea Preguntas sobre diseño web móvil y Viewport por Carlos Gonzalez Castro 1 ¿Qué etiqueta activa la responsividad en HTML? a b c 2 ¿Qué significa width=device-width en el viewport? a Fija el ancho a 980px b Ajusta la fuente a 16px c Usa el ancho lógico real del dispositivo 3 ¿Qué hace initial-scale=1.0 en la meta viewport? a Desactiva el scroll b Carga la página sin zoom inicial c Amplía la página al 200% 4 ¿Qué sucede si no se usa la etiqueta viewport en móviles? a La fuente se hace invisible b El navegador simula ~980px y aumenta el zoom c La página no se carga 5 ¿Qué permiten las Media Queries en CSS para RWD? a Cambiar color de fondo automáticamente b Reorganizar el diseño según el ancho del dispositivo c Desactivar el HTML 6 ¿Qué ejemplo de media query aparece en el texto? a @media (min-width: 1200px) b @media print { } c @media (max-width: 768px) 7 ¿Qué beneficio tiene diseñar con porcentajes en RWD? a Aumenta el tamaño de imagen automáticamente b Se evita el uso de CSS c Los elementos se adaptan de forma fluida 8 ¿Qué problema evita la correcta etiqueta viewport? a Legibilidad y tamaño legible del texto en móviles b Reducción de imágenes c Desacopla JavaScript 9 ¿Qué ocurre cuando el viewport está bien configurado? a La navegación se desactiva b La página se duplica en ancho c Las columnas pueden apilarse y menus ajustarse 10 ¿Qué combinación es clave para la responsividad? a Acceso FTP + JS pesado b Diseños flexibles + Media Queries + viewport c Imágenes grandes fijas + no CSS

Froggy Jumps

RWD: Desafío de Diseño AdaptableVersión en línea

Preguntas sobre diseño web móvil y Viewport

por Carlos Gonzalez Castro

¿Qué etiqueta activa la responsividad en HTML?

¿Qué significa width=device-width en el viewport?

Fija el ancho a 980px

Ajusta la fuente a 16px

Usa el ancho lógico real del dispositivo

¿Qué hace initial-scale=1.0 en la meta viewport?

Desactiva el scroll

Carga la página sin zoom inicial

Amplía la página al 200%

¿Qué sucede si no se usa la etiqueta viewport en móviles?

La fuente se hace invisible

El navegador simula ~980px y aumenta el zoom

La página no se carga

¿Qué permiten las Media Queries en CSS para RWD?

Cambiar color de fondo automáticamente

Reorganizar el diseño según el ancho del dispositivo

Desactivar el HTML

¿Qué ejemplo de media query aparece en el texto?

@media (min-width: 1200px)

@media print { }

@media (max-width: 768px)

¿Qué beneficio tiene diseñar con porcentajes en RWD?

Aumenta el tamaño de imagen automáticamente

Se evita el uso de CSS

Los elementos se adaptan de forma fluida

¿Qué problema evita la correcta etiqueta viewport?

Legibilidad y tamaño legible del texto en móviles

Reducción de imágenes

Desacopla JavaScript

¿Qué ocurre cuando el viewport está bien configurado?

La navegación se desactiva

La página se duplica en ancho

Las columnas pueden apilarse y menus ajustarse

¿Qué combinación es clave para la responsividad?

Acceso FTP + JS pesado

Diseños flexibles + Media Queries + viewport

Imágenes grandes fijas + no CSS

Puedes integrar el juego en un LMS compatible con LTI 1.1 o LTI 1.3 como Canvas, Moodle, o Blackboard. De esta manera podrás guardar las puntuaciones automáticamente en el libro de calificaciones de esa plataforma.

RWD: Desafío de Diseño Adaptable

Froggy Jumps

Sobre esta actividad

Creada por

Descarga la versión para jugar en papel

Top juegos

Froggy Jumps

Sabiduría animal

Froggy Jumps

OPEN UP 6 UNIT 1 VOCABULARY

Froggy Jumps

Quiz de Culpa mía película

Froggy Jumps

El valle de los lobos

Froggy Jumps

Salva a la Ranita

Froggy Jumps

RWD: Desafío de Diseño AdaptableVersión en línea

por Carlos Gonzalez Castro

¿Qué etiqueta activa la responsividad en HTML?

¿Qué significa width=device-width en el viewport?

¿Qué hace initial-scale=1.0 en la meta viewport?

¿Qué sucede si no se usa la etiqueta viewport en móviles?

¿Qué permiten las Media Queries en CSS para RWD?

¿Qué ejemplo de media query aparece en el texto?

¿Qué beneficio tiene diseñar con porcentajes en RWD?

¿Qué problema evita la correcta etiqueta viewport?

¿Qué ocurre cuando el viewport está bien configurado?

¿Qué combinación es clave para la responsividad?

		%
	Anónimo	%
		%
		%