Есть ли способ для медиа-запроса, если окно выше, чем оно широко в css? (портрет против ландшафта для любых устройств)

Question

Есть ли способ для медиа-запроса, если окно выше, чем оно широко в CSS? Сорта портрет против ландшафта для любых устройств.

Я знаю, что это достаточно просто с javascript, но я ищу решение CSS only.

Answer 1

При этом будут выбраны устройства, ширина которых превышает 320 и меньше 767, а ориентация будет только альбомной.

@media screen and (min-width: 320px)and (max-width: 767px)and (orientation: landscape) {}

еще один пример, который вы хотите выбрать по комбинации высоты и ширины:

@media (max-width: 320px) and (min-height: 400px) and (max-height: 812px) {}

Хотя лучше использовать ориентацию в вашем случае, в соответствии с вопросом