이것도 팁자료실에 올려도 될지 모르겠네요.
아마 디자이너분들이나, 고수님들은 아시겠지만...

저의 경우는 img에 max-width 효과만 주다가...
막상 background에서 그 기능을 사용하려니...
반응이 없어서 사실 고생을 좀 했었거든요.

주로 저의 경우는 속성이라고 해봐야...
background-image 혹은 repeat 정도만 사용해서 몰랐지만...
그래서 좋은 정보 공유하고자 올려보네요.

--------------------------------------------------------------------------------------------
background-size : x px, y px;
지정한 크기로 배경 이미지 적용

background-size : x %, y %;
지정한 % 비례하여 배경 이미지 적용

background-size : cover;
이미지 크기 비율을 그대로 유지한 상태에서 이미지가 속 한 엘리먼트의 가로 또는 세로에 이미지를 맞춰서 적용

background-size : contain;
이미지 크기 비율을 그대로 유지한 상태에서 원하는 영역에 가장 작은 크기로 이미지 스케일을 조정한다.

background-size : auto;
---------------------------------------------------------------------------------------------

현재 저는 cover를 이용해보니, 제가 원하는게 갖춰졌네요. ^^