How to scale an image with css to fill a div keeping aspect ratio?

Question

I\'d like to fill a div with an img, keeping aspect ratio and stretching either width or height as much as required to fit in.

Answer 1

use background-size:cover

div{
  background-image:url(http://placekitten.com.s3.amazonaws.com/homepage-samples/200/140.jpg);
  background-size:cover;
  }