css媒体查询无法调整浏览大小

关于这个问题有很多问题，但是。。当我使用这个css代码时。它在设备上工作，而不是在我调整浏览器大小时。。但是如果我将css改为“最小宽度”而不是“最小设备宽度”，则根本不起作用。。。既不在我的浏览器上，也不在我的手机上。。有什么想法吗？谢谢

@media only screen and (min-device-width: 768px) and (max-device-width:1000px) {
.footericons {margin-left: 37%;}
.logo img {margin-top:-15px; width: 120px;margin-left:-55px;}
.welcome {margin-top:-20px;}

---

}

这应该行得通。如果没有，请向我们展示CSS或SCS的其余部分

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .footericons {
        margin-left: 37%;
    }
    .logo img {
        margin-top:-15px; 
        width: 120px;
        margin-left:-55px;
    }
    .welcome {
        margin-top:-20px;
    }
}

无需只放置“@media screen”，也只需使用最小宽度和最大宽度

@media screen and(min-width: 768px) and (max-width:1000px)

---

当使用最小设备宽度和最大设备宽度时，不是通过调整浏览器窗口的大小，而是通过浏览器开发工具进行检查

对于Chrome，它是设备工具栏，快捷键Ctrl+Shift+M

对于Firefox，它是响应性设计模式，快捷键Ctrl+Shift+M

将查询更改为使用最小宽度和最大宽度，然后它将与浏览器调整大小以及开发人员工具（设备工具栏、响应设计模式）一起使用

您可以查看本教程本教程，了解如何创建响应性网站设计。

对我来说似乎还行