CSS我如何要求max-height和max-width？

Question

我知道如何在CSS中询问max-width或max-height。我通常这样做：

@media screen and (max-width: 1920) {}

或height，

@media screen and (max-height: 1080) {}

但如果我想询问同一规则中是否max-height和max-width ，我该怎么写？

Answer 1

您可以使用＆＃34;和＆＃34;结合括号条件陈述。

@media screen and (max-width: 1920px) and (max-height: 1000px) { ... }

Answer 2

您可以使用&&选择器

(max-width: 1920) && (max-height: 1000px) {}

Answer 3

如果我理解你的意思，你想要做的是在同一个查询字符串句子中要求max-height和max-width。如果是这种情况，您只需要创建此css块：

@media screen and (min-height: 720px) and (min-width: 1920px) {
   /* CSS rules here*/
}

如果您需要，请告诉我。

如果您想要一个或另一个，只需用and替换逗号。