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

February 2019

Responsive Image using the fluid-image trick

February 3 | Css

To achieve a responsive behavior in a web site requires working with several HTML elements, images are one of the most requested. The are several techniques, the most simple one and with 99% backward compatibility (I'm looking to you IE 🤦‍♂️ ) is called Fluid Image, of course is not intended to solve all the problems, but it is a simple fix that works great most of the time.

Fluid image

            

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