Как верстать баннер?

Question

[Илья Пирожок]

Первый раз верстаю баннер который должен занимать 100% высоты окна и адаптироваться при портретной/альбомной ориентации. Немного не пойму как быть с background? Если при альбомной еще нормально то при повороте устройста все очень сжимает. Изменяя свойство background-size баннер обрезается по бокам и это уже не то. Как быть?

Answer 1

[Иван Козлов]

codepen.io/trampick/pen/Kzoowa
Как самый простой пример.

Comments

[Илья Пирожок]

Ещё легче с помощью flex растянуть на всю высоту) Дело в самой картинке

[Иван Козлов]

Илья Пирожок: Правильно!)

[Иван Козлов]

Илья Пирожок: Адаптивные банера обычно делаются версткой, а не картинкой))

[Илья Пирожок]

Иван Козлов: Я то верстаю всё что можно сверстать) Сам БГ идет картинкой которую на css не сделаешь. Но уже разобрался, спасибо)