масштабирование фона фона для устройств iOS

Question

Я пытаюсь вписать изображение в div (используется тема Bootstrap), оно отлично работает в настольной версии, но в мобильном устройстве, особенно iOS (Safari), оно не масштабируется для правильного размещения.

Вот что я пробовал:

      .full {
                background: url('../../../Content/images/16029.jpg') no-repeat center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;                                
            }

Для ref: https://tta.allsoft.co

Answer 1

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

background-size: 100%;

или

background-size: 100% 95%;

или

background-size: 100vw 100vh;

если вы используете два числа, первое контролирует ширину, а второе - высоту. Подробнее об этом посещении w3schools