html - 媒体查询 : check min-height and min-width?

Question

我正在尝试根据浏览器的最小高度和最小宽度更改我页面上的 CSS，所以我正在使用它:

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

但出于某种原因，这不起作用。我可以同时检查最小高度和最大宽度(反之亦然)或最大高度和最大宽度，但检查两个最小值似乎不起作用。

我应该更详细地说明这一点:我希望浏览器在最小高度或最小宽度变为真时采取行动。仅当两个条件都为真时，使用 and-operator 才有效。

我做错了什么吗？

Answer 1

使用 and 而不是逗号，如下所示:

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