[JS Fiddle](https://jsfiddle.net/ymggLtv1/)

I have an image, I need to exclude the padding from it's size.

I use:

```
    box-sizing: content-box;

```

The problem is, that when I resize the browser, I expect the image to shrink in size. With the above content box, the image does not shrink when the browser is resized as expected. Resizing only happens after the browser has been dragged in past all of the padding. This means half the image goes off screen.

Is there a way to use content box, padding and still have the image resized when the browser resizes.