Обнаружение больших экранов и телевизоров с низким разрешением
Мое веб-приложение предназначено для использования на настольных компьютерах, а также на компьютерах, подключенных к экранам телевизоров.
Я хотел бы применить разные стили в этих двух разных случаях, но простые медиазапросы здесь не работают: разрешения телевизоров даже меньше, чем компьютерных мониторов, хотя экран намного больше.
Есть ли способ обнаружить такой сценарий и применить правильный стиль?
2 ответа
Есть медиа-запрос CSS, чтобы проверить, является ли экран клиента телевизором
@media tv
(вместо @media screen для классического экрана компьютера).
Существует также @media projector,
Предлагаем взглянуть на CSS Units, особенно те, которые начинаются с v, которые относительно размера окна просмотра...