css - 背景附件到处都是固定的

Question

我对背景附件属性有疑问。即我在桌面上使用它，但它也出现在移动设备上。这是为什么？这是我的代码:

main {
  height: 800px;
  background-color: inherit;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-image: url("./images/main.jpg");
  @media only screen and (max-width: 768px) {
    background-attachment: initial;
    height: 800px;
  }
}

编辑:更新代码

Answer 1

main { height: 800px; background-color: inherit; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: initial; background-image: url("./images/main.jpg"); @media only screen and (max-width: 768px) { background-attachment: initial; height: 800px; } }