How to stretch the background image to fill a div

Question

I want to set a background image to different divs, but my problems are:

1. The size of image is fixed(60px).
2. Varying div\'s size

How

Answer 1

To keep the aspect ratio, use background-size: 100% auto;

div {
    background-image: url('image.jpg');
    background-size: 100% auto;
    width: 150px;
    height: 300px;
}