html - 背景图片不适合移动设备 - CSS

Question

我正在设计一个网页，它的背景图像是固定的，但我在移动 View 中遇到了问题。就像，在桌面 View 中，它完全没问题。而在移动设备上，图像太模糊，不好看。我找不到我犯错的地方。我在此处附上了 View 的图像和我的背景图像代码。

桌面:

手机:

我的 CSS:

body 
  {
  font: 400 15px Lato, sans-serif;
  line-height: 1.8;
  color: #ffffff ;
  background-image: url(images/cover3.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  }

Answer 1

您可以使用媒体查询并更改 background-image 或使用 background-size: cover;