background-size demos using SVG(Context: Properly resizing vector image backgrounds.)
background-size: <length> <length>background: url(no-dimensions-or-ratio.svg);background-size: 125px 175px;
background: url(100px-wide-no-height-or-ratio.svg);background-size: 250px 150px;
background: url(100px-height-3x4-ratio.svg);background-size: 275px 125px;
background: url(no-dimensions-1x1-ratio.svg);background-size: 250px 100px;
background-size: contain | cover;background: url(100px-height-3x4-ratio.svg);background-size: contain;
background: url(100px-height-3x4-ratio.svg);background-size: cover;
background: url(no-dimensions-1x1-ratio.svg);background-size: contain;
background: url(no-dimensions-1x1-ratio.svg);background-size: cover;
background: url(no-dimensions-or-ratio.svg);background-size: contain;
background: url(100px-wide-no-height-or-ratio.svg);background-size: contain;
background-size: auto | auto auto;background: url(100px-height-3x4-ratio.svg);background-size: auto auto;
background: url(no-dimensions-1x1-ratio.svg);background-size: auto auto;
background: url(no-dimensions-or-ratio.svg);background-size: auto auto;
background: url(100px-wide-no-height-or-ratio.svg);background-size: auto auto;
background-size: <length> auto | auto <length>;background: url(100px-height-3x4-ratio.svg);background-size: 150px auto;
background: url(no-dimensions-1x1-ratio.svg);background-size: 150px auto;
background: url(no-dimensions-or-ratio.svg);background-size: auto 150px;
background: url(100px-wide-no-height-or-ratio.svg);background-size: 200px auto;
background: url(100px-wide-no-height-or-ratio.svg);background-size: auto 125px;