Как сделать background не масштабируемым и всегда по центру?

Question

[Иван Дрожжин]

Добрый день.
Вопрос в следующем.
Есть лендинг - ширина 2000px, в нескольких частях страницы есть фоновое изображение прописаное вот так:

.block {
	background: url(../img/bg-head.jpg) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

Если уменьшать ширину экрана, то и изображение уменьшается соответственно.
Как сделать так, чтобы при уменьшении экрана фон уменьшался слева и справа, а по высоте оставался прежним?
Если задать размер изображения 100% 100%, то получается почти то, что надо, но нужно сохранить пропорции и не сжимать изображение.
Если задать размер cover, то bg обрезается только справа.

Answer 1

[0leg5ergeev]

background-image: url("img/bg1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

Answer 2

[Иван Дрожжин]

Я нашел решение проблемы!)
Все что нужно - это прописать:

.block {
  background: url(../img/bg-head.jpg) no-repeat top center;

И BG-Size убираем, соответсвенно.

Answer 3

[Евгений Конкин]

Если я правильно понял, то вам надо
position: fixed;

Answer 4

[Ivan Demidov]

Возможно при cover
background-position: 50% 50%