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

Autor

  • Javier Fischer

    Hola, soy Javier Fischer — Estratega de Marketing, Desarrollador Web y Especialista en SEO. Con más de 20 años de experiencia en marketing digital, campañas de performance y diseño web, ayudo a las empresas a crecer con estrategias basadas en datos. Publicista de profesión, con formación complementaria en programación y diseño. Esta combinación me permite crear estrategias de comunicación creativas que no solo conectan con las personas, sino que también se potencian con la tecnología y el diseño visual. Me apasiona integrar el marketing digital con soluciones innovadoras, aportando una visión estratégica que une creatividad, datos y experiencia de usuario. Más información en mi sitio web 👉 javierfischer.com





Deja una respuesta