В настоящее время я работаю над веб-приложением, которое будет отображаться на двух разных экранах телевизора. Один будет в ландшафтном режиме, а другой будет в портретном режиме. Итак, я закодировал это приложение с помощью CSS медиазапросов, чтобы сделать его адаптируемым в этих двух конфигурациях и для разных разрешений.
Я использовал такие запросы, например:
@media screen and (orientation: portrait) and (min-width: 2160px) {
}
@media screen and (orientation: landscape) and (min-width: 3840px) {
}
Приложение отлично работает в браузере. Но когда я пробую свое приложение на вертикальном экране, очевидно, что телевизор отображает его в альбомном режиме (потому что это просто вращающийся экран). Но проблема в том, что когда я изменяю параметры в настройках телевизора для отображения изображения в портретной ориентации, приложение просто поворачивается, и изображение расширяется до границы экрана. Ни один из моих CSS медиа-запросов не выполнял эту работу, как в браузере.
Если у кого-то есть техническое объяснение и / или решение, я с нетерпением жду ответа от него / нее.
Спасибо