Html 如何更改桌面（@media）的背景图像

我有一个网站，背景图片和我在手机上想要的差不多，但说到桌面，我似乎无法使用@media查询来修改它们

我的css是：

body.page-id-6166 { 
  background-image: url(https://adsler.co.uk/wp-content/uploads/2019/04/FlyerMaker_22042019_085055.png);    
  background-repeat: repeat;
  background-size: cover;
}

这显然涵盖了手机和台式机，而且有效

但当我尝试时：

@media (max-width: 1920px) and (min-width: 768px) {
  body.page-id-6166 { 
    background-image: url(https://adsler.co.uk/wp-content/uploads/2019/04/FlyerMaker_22042019_085055.png);  
    background-repeat: repeat;
  }
}

什么也没发生

甚至用它根本不喜欢的

important

进行了尝试

---

进一步澄清。它们是相同的图像，但其中一个（桌面）由于横向/纵向等原因，并且由于某些原因在桌面上自动放大，您只能看到其中的一部分。所以在移动设备上，原始图像（全部）x2。在桌面上，你只能看到一个图像，也只能看到一个图像的一部分。这就是为什么我想要@media查询。您可以在中看到一个示例，或者它是同一个图像，但桌面只选择了其中的一部分，似乎将其放大了

您的代码工作正常检查屏幕大小在768px到1920px之间：

@介质（最大宽度：1920px）和（最小宽度：768px）{
body.page-id-6166{
背景图像：url（'https://adsler.co.uk/wp-content/uploads/2019/04/FlyerMaker_22042019_085055.png');       
背景重复：重复；
背景尺寸：封面；
}
}

---

您的问题是，在您的网站上有重复的代码

你有

@media (max-width: 1920px) and (min-width: 768px) {
  body.page-id-6166 { 
    background-image:  url('https://adsler.co.uk/wp-content/uploads/2019/04/FlyerMaker_22042019_085055.png');       
    background-repeat: repeat;
    background-size: cover;
   }
}

但是，如果没有媒体查询，您也会遇到以下情况，这使得上面的媒体查询代码毫无用处

body.page-id-6166 { 
    background-image: url(https://adsler.co.uk/wp-content/uploads/2019/04/FlyerMaker_22042019_085055.png);  
    background-repeat: repeat;
    background-size: cover;
}

---

所以我添加了

背景大小：contain

@媒体（最大宽度：1920px）和（最小宽度：786px）{body.page-id-1645{
背景图片：网址（https://adsler.co.uk/wp-content/uploads/2019/04/FlyerMaker_24042019_164029.png);
背景重复：重复；
背景大小：contain；}}

这使得它在与
背景重复：重复使用时看起来很神奇

（考虑到我的风格）

仍然不完全像手机，但可能更好

谢谢大家
 请尝试为背景图像指定宽度和高度。请注意，确定与此处相关的html。。。？这是链接，您的图像也是相同的。user11364702您的@media查询正在桌面上正常运行。。。。您现在想要什么。@user11364702这些图像共享完全相同的URL。它们必须是相同的。第一个是设计用于影响桌面视图的媒体查询，第二个用于移动视图。请同时查看编辑后的问题。它不是。您只能在desktopBy上看到部分图像
工作正常
Joykal表示代码完全按照指示执行。您需要为代码提供更具体的说明@user11364702Ok。我该怎么做呢。谢谢