image
TOPICS
Febrero 2019
Imagen responsiva usando la técnica fluid-image
Febrero 3 | Css
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;
}