Ver cómo queda la web en ordenador, tableta y móvil
La misma web debe poder leerse y recorrerse con distintos tamaños de pantalla. Utiliza la previsualización para revisar cómo se distribuyen los bloques y cómo funciona la navegación.
Cómo revisar cada tamaño
- Abre Previsualizar desde la página.
- Selecciona Escritorio y recorre el contenido.
- Cambia a Tableta y después a Móvil.
- Repite la revisión en los idiomas de la web.
Previsualización en tableta
Previsualización en móvil
Qué revisar en móvil
Abre el menú contraído y pulsa sus enlaces. Comprueba que los títulos y botones caben, que las imágenes mantienen una proporción adecuada y que las columnas siguen siendo legibles. En agendas, revisa horarios y títulos largos; en mapas y formularios, revisa el ancho del contenido insertado.
Qué puedes ajustar
Utiliza Diseño para modificar ancho, relleno y márgenes. El contenedor del mismo tamaño permite otro número de elementos por fila en pantallas pequeñas. El Espaciador sólo se muestra en móvil si tiene ancho 100 %.
No todas las propiedades incluyen un valor independiente por dispositivo. Para una adaptación más específica puedes utilizar CSS, teniendo en cuenta las reglas que ya existen en la web.
Buenas prácticas
Evita títulos excesivamente largos y utiliza imágenes optimizadas. Completa la revisión en un dispositivo real cuando necesites comprobar gestos, teclado o cambios de orientación.