Html 媒体查询：是否检查最小高度和最小宽度？

我试图根据浏览器的最小高度和最小宽度更改页面上的CSS，因此我使用以下方法：

@media (min-height: 500px), (min-width: 580px) {
    /* CSS stuff */
}

但出于某种原因，这不起作用。我可以检查“最小高度”和“最大宽度”（反之亦然），或者同时检查“最大高度”和“最大宽度”，但检查“最小高度”和“最大宽度”似乎都不起作用

我应该更详细地说明这一点：我希望浏览器在最小高度或最小宽度变为真时起作用。仅当两个条件均为真时，使用and运算符才有效

---

我做错什么了吗？

用

和
代替逗号，如下所示：

@media (min-height: 500px) and (min-width: 580px) {
    /* CSS stuff */
}

是否已在中添加以下元标记：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

有关媒体查询详细信息，您可以从中获取所有iOS设备的更多信息。如果您有任何其他疑问，请告诉我。甚至你也可以从这里得到更好的主意
使用媒体查询一个接一个：

@media  screen and  (min-height: 40px)  {
   @media  screen and  (min-width: 50px)  {
    /*enter css here to apply for both condition*/
   }
}

媒体查询中的逗号就像选择器中的逗号：
.foo、.bar{color:red}
@cimmanon《Mozilla指南》规定：“逗号分隔列表的行为类似于逻辑运算符或在媒体查询中使用时。”它的可能重复出现在大约4年前，但就在这个问题出现的前一年，同样的列表出现了。。。答：如果两个要求都满足，那么使用and操作符实际上只会激活CSS内容，因此如果浏览器高度低于500px，宽度低于580px。如果这两种情况中有任何一种是真的，我想激活它。实际上我已经包含了viewport meta标记，正如我所说的，它适用于max+max和min+max，但不适用于min+min。截至2015年1月，嵌套媒体查询仍然不完全受支持，IE和Safari中存在问题。
@media  screen and  (min-height: 40px)  {
   @media  screen and  (min-width: 50px)  {
    /*enter css here to apply for both condition*/
   }
}