background-Image не отображается на мобильном устройстве, в то время как в Chrome Devtools он работает нормально - PullRequest
Новая
       15

background-Image не отображается на мобильном устройстве, в то время как в Chrome Devtools он работает нормально

0 голосов
/ 09 апреля 2019

У меня есть фоновое изображение, оно отлично работает на большом экране, а в Chrome отзывчивый инструмент DevTools также отлично работает. Но в реальном мобильном (640 х 360, это мой мобильный размер). фоновое изображение не появляется, вместо этого я вижу цвет фона. Примечание. Но в ландшафтном режиме появляется изображение.

это мой код CSS: 

.header {
    background: linear-gradient(
        to right bottom,
        rgba(255, 255, 255, 0),
        rgba(255,255,255, 0.3)), url(../../assets/coder-min.jpg) no-repeat center right / cover;
    height: 100vh;
    color: #fff;
    position: relative;
    z-index: 1;
}

Я пытался настроить свойства фонового изображения, но безуспешно.

К вашему сведению, размер изображения составляет около 1,8 МБ.

...