媒体查询（最小宽度：1392px）的应用宽度小于1392px，为什么？

Question

我正在开设一个实时网站http://adminwp.gameszeit.de/在style.css文件的最后几行，我使用了以下代码：

@media (min-width: 720px) {
    .pstgms > li {
        width: 147.6px ;

    }
}
@media (min-width: 1392px) {
    .pstgms > li {
        width: 152.8px;

    }
}

现在，当我打开检查屏幕尺寸小于1392px的.pstgms > li元素时，(min-width: 1392px)内的查询仍在应用中。您可以通过打开开发人员工具自行检查。我的问题是，

  

如何在宽度小于1392像素的情况下应用（最小宽度：1392像素）的媒体查询？

以下是屏幕截图，介质宽度为1280像素。您可以看到正确大小的蓝色圆圈查询被覆盖（min-width：1392px）

Answer 1

不确定（因为我使用的是Chrome），但是当我查看你的devtools截图时，似乎＆＃39;媒体＆＃39;在＆＃39; @＆＃39;之后丢失/被删除。这是FF中的正常行为吗？

Answer 2

@media only screen and(min-width: 720px) {
    .pstgms > li {
        width: 147.6px ;

    }
}
@media only screen and(min-width: 1392px) {
    .pstgms > li {
        width: 152.8px;

    }
}

只有media_type：@media没有定义正确的规范。所以你使用media_type要么使用media_type：@media all |听觉|盲文|掌机|打印|投影|屏幕| tty |电视|压花