Фоновое изображение отображается несколько раз на мобильном устройстве - PullRequest
Новая
       8

Фоновое изображение отображается несколько раз на мобильном устройстве

0 голосов
/ 13 января 2019

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

Вот как это работает в моей таблице стилей CSS: 

html, body {
    height: 100%;
    background: url(img/bg.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

1 Ответ

0 голосов
/ 13 января 2019 
html, body {  
  background-image: url(img/bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  -webkit-background-size: cover;
  background-size: cover;
}
...