CSS: Scale background image down if larger than window, keep at 100% otherwise

Question

I\'d like to deploy a background image in the body of my website that scales down with the window resolution, but does not scale up beyond it\'s original size (1920x1080). T

Answer 1

I would use a div as a wrapper with a max-width and set the background to that div.

HTML

 
Content

CSS

.container {
  width: 100%;
  max-width: 1920px; /* YOUR BG MAX SIZE */
  background:url("bg.png") no-repeat;
  background-size: 100%;
}