CSS媒体查询或运算符（，）未按预期工作

我有一个网站的媒体查询，它取决于查看窗口的宽度：

@media (max-width: 600px) {
...
}

这很好用

我发现某些设备上的站点菜单被切断存在问题，因为在上述声明中没有考虑到查看窗口的高度，因此我相应地调整了声明（菜单通常是垂直的，但对于小屏幕或小高度，菜单应改为水平）：

但是，这不起作用，“最大宽度”值起作用，但如果我将窗口（Firefox和Chrome）调整为信箱大小（

）

@介质（最大宽度：600px）和（最大高度：400px）{
身体{
背景：#000；
}
}

而且工作得很好

更新：OR也起作用

@介质（最大宽度：600px）（最大高度：300px）{
身体{
背景：#000；
}
}

也许您可以共享更多css？
将相反的查询应用于所有其他媒体查询案例时，问题似乎得到了解决：

例如，所有其他媒体查询都需要在每个案例中添加
和（最小高度：401px）
，这样它们就不会覆盖上面的案例

干杯
和

工作正常，但似乎是媒体运营商（

，

）似乎工作不正常。更新了我的答案。可能问题不在查询中，而是其中的css。你能分享更多css吗？@idoteque感谢更新。我发现我认为发生的是其他媒体查询在哪里发挥作用，因为它们是通过宽度设置的，所以如果高度是正确的显示了一个查询，但宽度触发了另一个查询，另一个查询将覆盖此查询。我现在已在CSS文件中澄清了我的代码并修复了此问题。为帮助干杯。+1。

@media (max-width: 600px),  (max-height: 400px){
...
}

@media all and (max-width: 600px), all and (max-height: 400px){
...
}