Imagen responsiva usando la técnica fluid-image
 
  Febrero 3, 2019

Lograr el comportamiento responsivo de un sitio web requiere de trabajar con varios elementos html, entre ellos las imágenes son uno los mas solicitados. Para lograrlo existen varias técnicas, una de las mas sencillas y que tiene máxima compatibilidad con casi cualquier browser (IE cuando digo casi eres tu el culpable 🤦‍♂️) es la llamada Fluid Images (Imágenes Fluidas).

Si bien no resuelve todos los problemas es un fix sencillo

 Fluid image

            

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