En el celular la página se desborda hacia los costados
TOMÁS
Nivel 3 ·
Mi sitio en el celular tiene scroll horizontal y queda un espacio en blanco a la derecha. No encuentro qué elemento es el culpable.
Respuestas 5
yorman R.
Nivel 3 ·
0 0 Truco para encontrarlo: en las DevTools agregá temporalmente * { outline: 1px solid red; }. Ahí ves qué caja se sale.
Facundo F.
Nivel 3 ·
0 0 Sospechosos habituales: imágenes sin max-width: 100%, elementos con width fijo en px, márgenes negativos y width: 100vw (que en algunos navegadores incluye el ancho de la barra de scroll).
Ana R.
Nivel 3 ·
0 0 Palabras o URLs muy largas también: usá overflow-wrap: anywhere en textos que puedan traer cosas largas.
Jazmín M.
Nivel 3 ·
0 0 Y verificá que tengas la meta etiqueta viewport con width=device-width, initial-scale=1. Sin eso el celular renderiza como si fuera una pantalla ancha.
TOMÁS
Nivel 3 ·
0 0 Era una tabla con ancho fijo. La metí en un contenedor con overflow-x: auto y quedó bien. El truco del outline rojo es genial.