Mira esto.
.img-circle {
radio de borde: 100%;
}
/ *
Imagen receptiva con relación de aspecto establecida
Gracias: http://daverupert.com/2012/04/uncle-daves-ol-padded-box/
* /
.img-aspect-16-9 {
repetición de fondo: sin repetición;
posición de fondo: centro superior;
tamaño de fondo: cubierta;
altura: 0;
relleno inferior: 56.25%; / * 16: 9 * /
}
.img-aspecto-4-3 {
repetición de fondo: sin repetición;
posición de fondo: centro superior;
tamaño de fondo: cubierta;
altura: 0;
fondo acolchado: 75%; / * 4: 3 * /
}
.img-aspecto-cuadrado {
repetición de fondo: sin repetición;
posición de fondo: centro superior;
tamaño de fondo: cubierta;
altura: 0;
relleno inferior: 100%; / * 4: 3 * /
}
- ¿Qué lenguaje de programación es mejor para el desarrollo web según la seguridad?
- ¿Debo aprender Rails o Meteor en el próximo 2016?
- Cómo configurar un sitio web de la revista WordPress
- Cómo buscar y analizar un documento de árbol DOM con una consulta de cadena
- ¿Cuáles son los mejores cursos pagos en línea (o gratuitos, según la calidad) para aprender Node.JS, Angular.JS, MEAN Stack, Rest API?
Esto es lo que uso para mantener todas mis imágenes proporcionadas. Solo requiere un poco de HTML simple para que todo funcione correctamente. Funciona con carga diferida también.