Mobile 禁用手机和平板电脑上的固定背景图像

我在我的网站上使用固定的背景，它在桌面上看起来很棒。不幸的是，它没有在我的手机和平板电脑上正确显示，因此我使用以下代码禁用它：

@media only screen and (max-width: 1280px) {
body {
    background-image: none !important;
}
}

---

然而，我现在面临的问题是更大的平板电脑。我认识的一位朋友有一台大于1280px的平板电脑，但我不想在我的媒体查询中超过这个最大宽度，因为这样一来，我的固定背景也不会出现在桌面上。是否有任何方法可以专门针对手机/平板电脑进行媒体查询并禁用类似的元素，而不是屏幕大小，所以这不是问题？

我多次遇到这个问题，我发现唯一有效的css解决方案是使用指针css媒体查询

指针CSS媒体功能测试用户是否有指针设备（如鼠标），如果有，主指针设备的精确度如何

以下代码将针对触摸设备：

// Remove background-attachment fixed on touch devices
@media (pointer: coarse) {
  background-attachment: initial;
}