Задать вопрос
floydman-89
@floydman-89
В постоянном изучении...
html

Как сделать верстку для вертикально-расположенного телевизора?

Всем привет.

Ситуация следующая - нужно сверстать главный экран электронной очереди (номер талона - окно) на повернутом на 90 градусов телевизоре. В телевизоре(Samsung) используется стандартный веб-браузер webkit. Поворот экрана осуществили не программно, а физически (просто развернули его). И вот под такую ситуацию надо сверстать.

Кто может сориентировать каким способом верстать? Уже пробовал несколько способов:

  1. writing-mode результата не дал - браузер не поддерживает CSS3
  2. transform: rotate (90deg) пока не удается достичь желаемого результата. Получаются костыли и грабли, а также проблемы с определением высоты и ширины повернутого экрана. По логике, получается что при повернутом физически телевизоре имеем ширину экрана равную 100vh, а высоту соответственно 100vw. Но данный хак не сработал, все перекосило к чертикам.


В общем кто что посоветует? (без флуда).
  • Вопрос задан
  • 278 просмотров
6 комментариев
Подписаться 2 Оценить 6 комментариев
Пригласить эксперта
Ответы на вопрос 1
trushka
@trushka
Может, там какой-то древний браузер, не понимающий vw? Вот в android 4.1, например, такой.. Но если всё же понимает, то можно так
html {width: 100vw; height: 100vh; overflow: hidden}
body: {
    width: 100vh; height: 100vw;
    margin: 50vh auto;  overflow: auto;
    transform: translateY(-50%) rotate(90deg)
}
Если таки не понимает vw vh, то тогда надо в css везде на % поменять, а размеры для body задать скриптом
document.body.style.height=window.innerWidth+'px';
document.body.style.width=window.innerHeight+'px';
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Установить вебхук на сайт
24 апр. 2024, в 16:19
4000 руб./за проект
Натянуть верстку Опенкарт
24 апр. 2024, в 15:34
20000 руб./за проект
SEO с опытом в контентных проектах (СМИ)
24 апр. 2024, в 15:32
130000 руб./за проект
Ещё заказы