Подскажите плз, не могу вникнуть, хотя вроде уже много об этом прочел)
В хедере фоновое изображение(размер 1500х600) задаю в css:
header {
min-height: 600px;
max-width: 1900px;
background: url(…/img/top_bg.jpg) no-repeat top center;
background-size: cover;
margin: 0 auto;
}
Как при адаптивной верстке все должно выглядеть вообще? т.е. при уменьшении экрана изображение должно уменьшаться с растянутого до 1900 до своего 1500 а потом увеличиваясь к центру? У меня же оно сначала по высоте расширяется вниз(по ширине такое же остается) видимо до 600=), а потом начинает увеличиваться в точку вверху картинки.
Подскажите как правильно писать код в этом случае и поясните если не сложно в 2-х словах.