1

Al descargar un imagen para utilizarla como fondo en un sitio web, me he percatado que sus dimensiones son elevadas y al visualizar el navegador, este muestra solo una parte de la imagen. ¿Cómo puedes "alejar" la imagen para que se pueda apreciar completa? Intenté modificar height y width pero no realizó lo que buscaba.

Lo que realicé es lo siguiente:

body {
    background-image: url(landscape.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

1 respuesta 1

2

Puedes probar a establecer un max-width y un max-height al 100%, de tal forma que no sobrepasará los límites propios del navegador. Te adjunto un ejemplo, en el que se lo aplico a la clase de la imagen:

img {
   max-width: 100%;
   max-height: 100%;
   height: auto;
   width: auto;
}

Y si quisieras añadir un ancho máximo fijo de la imagen, por ejemplo, simplemente colócalo dentro de un contenedor:

<div style="max-width:500px;">
   <img src="..." />
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.