22/12/2018, 02:31
|
| | Fecha de Ingreso: noviembre-2009
Mensajes: 278
Antigüedad: 15 años 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>. |