Проверьте, не превышает ли ширина экрана высоту и наоборот - это можно сделать?

Question

Итак, я довольно много читал по медиа-запросам, и я понимаю, почему в большинстве случаев просто полезно указать измерение и выбрать устройство... Но что, если вы просто ищете, является ли устройство портретным или пейзаж?

Что я действительно хочу, так это иметь возможность проверить, является ли экран шириной или высотой наибольшим, а затем запустить другой CSS в зависимости от ответа. В идеале я хочу иметь возможность делать все это встроенным, а не запускать различные внешние таблицы стилей.

Любая помощь высоко ценится.

Answer 1

Как сказали Райан и Кимманон, да, это можно сделать. Медиа-запросы имеют изящную маленькую опцию, называемую ориентацией, которую можно установить на "портрет" или "пейзаж".

Имейте в виду, однако, что не все устройства / браузеры поддерживают некоторые или какие-либо медиа-запросы, поэтому убедитесь, что у вас настроены некоторые стили по умолчанию для тех, которые в противном случае игнорировали бы ваши стили.