CSS我如何要求最大高度和最大寬度？

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

您可以使用「和」來組合括號條件語句。

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

Answer 2

您可以使用&&選擇

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

Answer 3

如果我理解你correclty，你想要做的是要求在同一個查詢字符串的句子都最大高度和最大寬度。如果是這種情況，你只需要創建這個CSS塊：

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

讓我知道如果這是你所需要的。

如果你想問一個或其他只是用and換一個逗號。