Del curso: HTML5 práctico: Visualización de datos

Accede al curso completo hoy mismo

Únete para acceder a más de 22.500 cursos impartidos por expertos del sector o compra solamente este curso.

Organización de los contenidos en la vista móvil

Organización de los contenidos en la vista móvil - Tutorial de HTML

Del curso: HTML5 práctico: Visualización de datos

Comenzar mi mes de prueba gratis

Organización de los contenidos en la vista móvil

“

Ahora que tengo funcionando mi infografía, vamos a ver que realmente está bien organizada cuando pasemos a la vista móvil. Veremos qué fácil es transformar esta infografía a algo que funcione correctamente, como digo, dentro de una vista móvil. Voy a separar la barra de desarrollador porque me interesa ver el tamaño de la ventana. Voy moviéndolo. Voy a moverme entre las distintas vistas y entonces voy a ver cuándo deja de ser aceptable. Por ejemplo, aquí ya es demasiado, porque se superpone el cohete sobre Marte. O aquí, porque, por ejemplo, el texto pisa esas ondas, así que tendré que hacerlo más ancho hasta que deje de estar mal. Voy a mantener, por ejemplo, estos 500 píxeles, más o menos me pueden resultar aceptables. Podría ampliarlo más, pero bueno, me parecen bien. Bueno, pues tendré que crear una "media query" que se ocupe de controlar esa posición. Así que, para ello, necesitaré crear efectivamente esa 'media', que sea solamente para pantalla, 'screen' y que, para cuando el…

Contenido