How To Dynamically Resize Image In Css?

I have a simple html + css page that has 3 images on it. I'm trying to make the page resize depending on the size of the browser window. Right now, I have the 3 images in a div tha

Solution 1:

Try to look for articles about ResponsiveUI - that will give you much usefull info. "autoscaling" could be done with next code:

<div class="wrapper">
 <img src="img.png">
</div>

    .wrapper img {
     width: 100%;
     max-width: 100%
     height: 100%;
    }