Imaginemos que un nuevo banner de héroe se ve perfectamente en el ordenador —el titular queda perfectamente sobre la imagen, el botón está bien situado— y resulta demasiado apretado en el móvil, donde el mismo texto y la misma imagen compiten por el mismo espacio reducido. Lo más lógico sería pensar que se necesita una versión móvil independiente de la página. Pero no es así; lo que se necesita es la misma página, adaptada a cada dispositivo.
Todas las páginas son adaptativas desde el principio
Las páginas se adaptan automáticamente por defecto, y puedes obtener una vista previa en ordenador, tableta y móvil directamente desde el editor para ver realmente cómo queda la versión adaptada, en lugar de tener que imaginártelo.
Ajusta solo las tallas que lo necesiten
Desde la vista previa para tableta o móvil, puedes editar estilos específicos para ese dispositivo: un tamaño de título más pequeño, más espacio alrededor del botón… cualquier cosa que la versión de escritorio no necesite pero que sí requiera la versión para móvil. Un indicador claro muestra, estilo por estilo, si un valor se ha establecido específicamente para el dispositivo que estás viendo o si simplemente se ha heredado del ordenador de sobremesa, con la opción de restablecerlo a «heredado» si tu ajuste no ha surtido efecto. Magicfront AI también señala claramente cuándo estás editando la vista para tableta o móvil, por lo que nunca hay dudas sobre qué versión estás modificando en ese momento.
Ocultar lo que no cabe en una pantalla más pequeña
Hay algunos elementos que es mejor omitir por completo en el móvil en lugar de reducirlos para que quepan —como un banner secundario o una tabla comparativa ancha— y puedes elegir mostrar u ocultar elementos concretos en función de la pantalla, en lugar de obligar a que todo lo que aparece en la versión de escritorio se muestre también, de forma poco natural, en el móvil.
Conclusión
Una página que se ve bien en el ordenador y mal en el móvil no son dos páginas que haya que crear, sino que es la misma página con unos pocos ajustes específicos para cada dispositivo, que se han previsualizado y corregido en el tamaño de pantalla exacto en el que se producía el error.