Mi sitio web se ve distinto en dispositivos móviles
Este artículo se tradujo con la traducción automática. Avísanos si encuentras algún error.
Mi sitio web se ve distinto en dispositivos móviles
¿Qué puede causar esto?
La reajuste adapta los Sitios web de Canva a diferentes tamaños de pantalla apilando los elementos de forma vertical, por lo que es posible que los elementos que ocupan toda la pantalla no se redimensionen de forma correcta y que los navegadores, las versiones de los navegadores y las dimensiones de los dispositivos puedan mostrar el sitio de forma diferente.
Qué hacer
- Comprueba si hay superposiciones: 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: Reemplaza los elementos grandes que ocupan 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 dispositivos móviles: Usa el panel de vista previa para dispositivos móviles mientras editas. Tómalo 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 luego bloquea el grupo para que permanezcan juntos.
Agrupar los elementos
Si quieres que ciertos elementos permanezcan juntos, entonces agrúpalos. De lo contrario, es posible que queden separados en la vista móvil.
- Arrastra el cursor sobre los elementos que quieres agrupar. También puedes mantener presionada la tecla Shift en tu teclado y seleccionar los elementos.
- En la barra de herramientas flotante, selecciona Agrupar.
- Para verificar cómo aparecen tus elementos agrupados en la versión móvil, haz clic en Vista previa.
- En el panel de vista previa, haz clic en el botón Móvil para ver el diseño móvil.
En el ejemplo a continuación, puedes ver que las cajas de texto se apilan en la vista móvil.
¿Te resultó útil?
Me resultó útil
No me resultó útil