Inicio | Blog

Imágenes responsivas en nuestra web

Viernes 16 de Enero, 2015

Si estamos utilizando el framework de bootstrap y queremos que nuestras imágenes se ajusten en todos los dispositivos, esté codigo será de gran ayuda, simplemente hay que agregar en nuestro div la clase img-responsive, como se muestra en el siguiente ejemplo:

class="img-responsive"

También en el caso en que no estemos utilizando bootstrap, podemos hacer responsivas las imágenes con estas líneas de codigo en nuestro css:

img {
 display: block;
 max-width: 100%;
 height: auto;
 }