css

TOPICS

#backend #bash #cli #cmder #code #commit #credentials #css #databases #disk space #docker #experience #ffmpeg #frontend #git #iis #image #jquery #js #mobile #mssql #net #netcore #network #os #post #quote #react #recycle #script #ssh #ssms #swift #syntax #tools #video #vs #vscode #windows

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