PUBLIC MARKS from nhoizey with tags fluide & dimension

I needed an image to resize dynamically within a liquid layout. The image needed to fit the browser window and take up as much space as possible all while keeping it’s original ratio.

Switchy McLayout lets you define the dimensions, information richness, and appearance of your content objects for set ranges of screen sizes. A news site, for example, could have one layout and appearance for wide screens, one for medium-sized screens, and another for PDAs. Images could shrink or even disappear according to the screen size, columns could come and go as needed to maintain readability, and you can achieve a more efficient use of the available space for each screen size.