html - 当浏览器调整为 xs（移动尺寸）时，整页背景会被切断

Question

html, body {
  background-image: url("http://getwallpapers.com/wallpaper/full/e/9/4/629789.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

这是我到目前为止的代码。

当浏览器在 lg md 中时，背景图片覆盖整个浏览器，但当调整大小为 sm 或 xs 时，图片被截断，页面底部附近有白色背景。

Answer 1

我希望这会有所帮助。

html, body {
  background-image: url("http://getwallpapers.com/wallpaper/full/e/9/4/629789.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width:1024px){
  html, body {
  background-attachment:fixed;
}
}