Как сделать адаптивный фон для блока?

Question

[Дмитрий Анисимов]

у меня изображение которое я прикрепил к блоку
обрезается при уменьшение экрана
вот его свойства

.content{
	max-width:1200px;
	margin: 0 auto;
	background: url(../img/bg.jpg) no-repeat;
        background-size: cover;

как сделать так чтоб он не обрезался при уменьшении экрана
а наоборот вел себя как изображение
с такими свойствами

max-width: 100%;
	height: auto;

Comments

[ProjectSoft]

Вопрос на засыпку - а с какой стороны вы его уменьшаете? Сверху, с боков? Пропорции - это такая вещь...

Answer 1

[iDevArtem]

.content{
  ...
  background-size: contain;
  ...
}