背景图片在移动设备上多次显示

Question

当我在计算机上使用Chrome响应工具时，我的网站的背景图片仅显示一次：浏览器只是在放大图片，页面顶部对应于图片顶部等。但是，当我在移动设备上浏览时，背景图像是完整显示的，因此，如果页面较长，背景图像将被显示多次。

这就是我的CSS样式表中的工作方式：

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

Answer 1

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;
}