Fondo de DIV al 100% ancho o alto (Weight Height 100%)
Ajustar un fondo de DIV al 100% es muy sencillo. Tenemos 2 formas, agregando el "size" como 100% o (la que recomiendo) "cover".
#mi-div {
background: url(imagen.jpg);
background-size: 100%;
}
Ahí, nuestro código le dice que queremos un fondo al 100%, pero ¿es realmente lo que queremos? Si crees que lo que necesitas es ajustarlo para que "cubra" todo lo ancho de tu DIV, puedes usar esto:
#mi-div {
background: url(imagen.jpg);
background-size: cover;
}
O si lo que quieres es ajustar tu fondo al tamaño del contenido de tu DIV, puedes usar esto:
#mi-div {
background: url(imagen.jpg);
background-size: contain;
}
#mi-div {
background: url(imagen.jpg);
background-size: 100%;
}
Ahí, nuestro código le dice que queremos un fondo al 100%, pero ¿es realmente lo que queremos? Si crees que lo que necesitas es ajustarlo para que "cubra" todo lo ancho de tu DIV, puedes usar esto:
#mi-div {
background: url(imagen.jpg);
background-size: cover;
}
O si lo que quieres es ajustar tu fondo al tamaño del contenido de tu DIV, puedes usar esto:
#mi-div {
background: url(imagen.jpg);
background-size: contain;
}
Comentarios
Publicar un comentario