Как растянуть фон только по ширине?

Question

[denism300]

Пример кода тут: https://jsfiddle.net/denism300/ecbwozkL/
Как растянуть фон только по ширине (высота должна изменяться пропорционально ширине фона)?
Соответственно, чтобы при изменении размера окна фон либо растягивался, либо отсекался по краям?

Comments

[Dima Polos]

размер фона cover не то?

[Rustam Bainazarov]

Согласен с автором выше. Какое поведение вы ожидаете? Убрал жёсткую ширину у вашего блока, чтобы работало сжатие экрана — всё работает так, как вы описали:

[denism300]

Рустам Байназаров, при cover фон занимает 100% ширины и 100% высоты.
мне надо, чтобы фон занимал 100% ширины, при этом, высота фона была пропорциональна его ширине, а не растянута на всю высоту блока.

Answer 1

[dollar]

background-size: 600px 50px;

Comments

[denism300]

вот так тогда уж:
background-size: 600px auto;