Отключить сжатие изображений в браузере Chrome в Android

Question

Я использую фоновое изображение, применяя ниже css к основному элементу тела в моем пользовательском интерфейсе.

.homepage-bg {
    margin:0;
    padding:0;
    background: url("@{imagePath}/homepage/bg.jpg") no-repeat center fixed;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    overflow-y: auto;
}

Я столкнулся с проблемой сжатия изображений в браузере Chrome на устройствах Android.(Отлично работает в firefox)

Я искал в интернете по этому поводу и нашел какое-то решение, например применение pagespeed_no_transform, но у меня это не сработало.

Я прилагаю скриншотыChrome (не работает) и Firefox (работает)

Любая помощь, пожалуйста?

Спасибо

РЕДАКТИРОВАТЬ: Я попытался добавить min-height:<SOME GOOD VALUE> (например, 600px, 800px) И теперь изображение растянуто на всю страницу.(Снимок экрана прилагается ниже)

Мой вопрос: почему я не могу просто применить min-height: 100%, в котором изображение должно занимать полную высоту?

Answer 1

Хорошо, так что после некоторого устранения неполадок, ниже css сделал трюк для меня.

min-height: 100vh;