Html 为什么移动设备上的背景图像不变？

不带@media的部分仅限。。。适用于屏幕尺寸小于750px的设备。为什么会这样

---

标签可能丢失了？因为使用代码笔：

它应该可以正常工作。您是否有正确的小图像路径，或者该图像是否存在？浏览器控制台？路径中的任何错误都是正确的，因为当我在浏览器中手动更改图像名称时，它会替换为较小的图像。控制台没有显示任何错误。我不知道。请检查下面的答案。这家伙提供了一个类似代码的工作代码笔。

html {
    margin: 0;
    padding: 0;
    background-image: url("./Images/mainPage.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

@media only screen and (max-width: 750px) {
    html {    
        background-image: url("./Images/smalMainPage.png");
    }
}