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;
}

Comentarios

Entradas populares de este blog

Llamar a imagenes en carpetas y subcarpetas con HTML y PHP

Crear cookies con tiempo en localhost - PHP

Configuracion basica en la estructura HTML