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