Как адаптировать фоновое изображение чтобы оно не обрезалось?

введите сюда описание изображения

чтоб подстраивалось под разрешение экрана

.promo{
min-height: 650px;
padding: 21px 0 93px 0;
background: url("../../img/main.jpg") center center / cover no-repeat;

Ответы (1 шт):

Автор решения: Кот

Попробуйте так

.promo{
    background: #000 url("../../img/main.jpg");
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ and Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* modern browsers */
    background-attachment: fixed;
}
→ Ссылка