CSS-запросы СМИ: max-width И max-height

Question

Я хочу использовать условие AND в запросе на медиа. Я использую следующий код, но он не работает

@media screen and (max-width: 995px AND max-height: 700px) { 
} 

Answer 1

Используйте запятую, чтобы указать два (или более) различных правил:

@media screen and (max-width: 995px) , screen and (max-height: 700px) { 
... 
} 

От https://developer.mozilla.org/en/CSS/Media_queries/

... В Кроме того, вы можете комбинировать несколько медиа-запросов в списке, разделенном запятыми; если какой-либо из медиа-запросов в списке истинен, применяется соответствующая таблица стилей. Это эквивалент логической операции «или».

Answer 2

правильный и Простейший способ написать это:

@media screen and (max-width: 995px) and (max-height: 700px) { 

} 

Answer 3

Это отсутствует тесная и открывающая скобку до и после логического оператора

@media (max-width: 995px) and (max-height: 700px) { ... }