Estaba trabajando en este proyecto y mientras intentaba que encajara en todas las pantallas usando @media, seguía dejando un espacio en blanco debajo y a la derecha de la página en la pantalla del teléfono y no puedo deshacerme de él. Intenté hacer esto con la etiqueta del cuerpo dentro de @media en el CSS
body{ padding: 0; margin: 0; overflow-y: hidden; overflow-x: hidden; }y también traté de hacer todo muy pequeño solo para asegurarme de que no es solo algo grande que está pasando el borde de la página, pero no, tampoco es eso. si alguien me puede ayudar diciéndome como quitar el espacio en blanco
Inspeccioné e hice que todo encajara, pero todavía en el teléfono tengo el ritmo de los blancos.
Primero verifique el contenido de todos los elementos html de nivel de bloque dentro del cuerpo si alguno de los contenidos se desborda. Primero, asegúrese de que todo el contenido se ajuste bien dentro de los elementos de nivel de bloque con la altura y el ancho adecuados, luego no es necesario configurar el desbordamiento oculto para el cuerpo. Algunas veces, el marco externo o el css de la biblioteca también causan algunos problemas si usa cualquier tipo de biblioteca, simplemente las verificará también. La solución adecuada para este problema no sería configurar el desbordamiento oculto.
¿Puede restablecer el espaciado de los estilos de navegador predeterminados?
*{ padding: 0; margin: 0; }