Is it possible to make a responsive div with a background-image that maintains the ratio of the background-image like with an ?

Question

Not a a native english speaker so there\'s probably a better way to shape the question...anyway:

What I want to create is similar to the header here: http://thegreatdisc

Answer 1

Although there are other solutions. % will scale the div to image size or the aspect ratio.

.responsive-image{
width: 100%;
background-image: url(x.jpg);
background-repeat:no-repeat;
background-size: 100% 100%;

}