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?
Reflow adapta los sitios web de Canva a diferentes tamaños de pantalla apilando los elementos verticalmente, por lo que los elementos anchos de pantalla completa pueden no redimensionarse correctamente, y los navegadores, las versiones del navegador y las dimensiones del dispositivo pueden mostrar el sitio web de forma diferente.
Qué hacer
- Revisa si hay superposiciones: Selecciona los elementos de tu diseñar 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 de seguridad: Conserva los elementos importantes dentro de los límites del margen de seguridad.
- Usa la vista previa en móviles: Usa el panel de vista previa móvil mientras editas. Tómalo como una aproximación, ya que el sitio publicado puede variar según el dispositivo y el navegador.
- Forma un grupo y bloquea: Forma un grupo con los elementos relacionados y, luego, bloquea el grupo para que se mantengan 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 presionada la tecla Shift en tu 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, da clic en la Vista previa.
- En el panel de vista previa, da clic en el botón Móvil para ver el layout móvil.
En el ejemplo a continuación, puedes ver cómo se apilan las cajas de texto en la vista móvil.
¿Te resultó útil?
Me resultó útil
No me resultó útil