Estoy tratando de que la imagen cubra toda la página.
Desplazamiento vertical: permitido
Desplazamiento horizontal: no permitido
Imagen: la imagen debe mostrar la página completa sin dejar el borde y debe responder según el tamaño del dispositivo.
html, body, img { max-width: 100%; min-height: 100%; height: auto; width: auto; overflow-x: hidden; } <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> </head> <body> <img src="example.png" /> </body> </html>El problema es que deja un espacio en blanco en los 4 lados de la pantalla. ¿Cómo arreglar esto?
Puede ayudarte:
*{ padding:0px; margin:0px; } img{ width:100%; object-fit:cover; max-width: 100%; }Debe restablecer los estilos agregados del navegador a la etiqueta del cuerpo eliminando el relleno y el margen, siéntase libre de agregar esto en la parte superior de sus estilos:
body { padding: 0; margin: 0; } html, body, img { max-width: 100%; min-height: 100%; height: auto; width: auto; overflow-x: hidden; }