Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/12/2018, 02:31
quad22
 
Fecha de Ingreso: noviembre-2009
Mensajes: 278
Antigüedad: 14 años, 5 meses
Puntos: 2
Respuesta: imagenes responsive de diferente tamaño dentro de divs de 200px con boots

Le puedes poner al <div>:

background: url(../img/imagen.jpg) no-repeat center center;
background-size: cover;

Y la imagen ocupará todo el div.

O bien:

background-image: url(../img/imagen.jpg);
background-size: 100%;
background-position: 20% 100%;
background-repeat: no-repeat;

Modificando el tamaño de la imagen para que se ajuste al alto del <div> y modificando la posición de ésta (background-position) de izquierda a derecha y de arriba a abajo.


Pero:

Si estás publicando imágenes subidas por usuarios deberás usar la función crop (php) para recortar previamente las imágenes antes de colocarlas en el <div>.