Mi sitio web se ve distinto en dispositivos móviles
Este artículo se ha traducido automáticamente. Si detectas algún error, avísanos.
Mi sitio web se ve distinto en dispositivos móviles
Posibles causas
La readaptación adapta los sitios web de Canva a diferentes tamaños de pantalla apilando los elementos verticalmente, por lo que es posible que los elementos anchos que ocupan toda la pantalla no se redimensionen correctamente y que los navegadores, las versiones de los navegadores y las dimensiones de los dispositivos puedan mostrar el sitio de forma diferente.
Cómo resolverlo
- Comprueba si hay elementos superpuestos: Selecciona elementos en tu diseño y cambia su tamaño o recórtalos para que sus bordes no se toquen.
- Divide los elementos anchos: Sustituye los elementos grandes que ocupen todo el ancho por otros más pequeños que se apilen de forma ordenada.
- Mantente dentro de los márgenes seguros: Conserva los elementos importantes dentro de los límites del margen seguro.
- Vista previa en móviles: Usa el panel de vista previa móvil mientras editas. Trátala como una aproximación, ya que el sitio publicado puede variar según el dispositivo y el navegador.
- Agrupa y bloquea: Agrupa los elementos relacionados y, después, bloquea el grupo para que permanezcan juntos.
Agrupar elementos
Si quieres que ciertos elementos permanezcan juntos, entonces agrúpalos. De lo contrario, es posible que estén separados en la vista móvil.
- Arrastra el cursor sobre los elementos que quieres agrupar. También puedes mantener pulsada la tecla Mayúsculas en el teclado y seleccionar los elementos.
- En la barra de herramientas flotante, selecciona Agrupar.
- Para comprobar cómo aparecen tus elementos agrupados en el móvil, haz clic en Vista previa.
- En el panel de vista previa, haz clic en el botón Móvil para ver la composición para móvil.
En el siguiente ejemplo, puedes ver que se apilan las cajas de texto en la vista móvil.
¿Te ha resultado útil?
Útil
No útil