how to fit background image particular size without cut image size

I have a background image in the following div, but the image gets cut off

Is there a way to show the background image without cutting it off?

This is actually a pretty easy fix. Most of it comes down to using percents to specify the size of the image rather than pixels.

div {
    background: url(img.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}