Как повернуть контент к большей стороне?

Question

[Anonymous Penguin]

Мне нужно, чтобы контент на странице сайта был всегда повернут своим началом к большей стороне экрана устройства. Не важно, что это - телефон, планшет, ноутбук или пк. Как это сделать? У body указать transform: rotate(90deg) при определенной ориентации - не вариант, ведь повернется вся геометрия целиком.

Comments

[Anonymous Penguin]

Александр, хахах, ксати интересно. В любом случае, у меня в приложении нету текст инпутов. Если надо будет добавить их, то напишу кастомную виртуальную клаву для мобил

[Anonymous Penguin]

Александр, ну как бы, почему нет? Я люблю подобные задачки) У меня уйма времени

[godsplane]

есть медиазапрос позволяющий отследить ориентацию, но вроде его никто не использует

[Antony Bark]

Уточняющие вопросы:

а) Направление текста в пп. 1 и 3(если это текст) сверху вниз?
б) Картинка в п. 2 повернётся или изменятся её пропорции?

Пример VERT. Вы хотите нечто такое при повороте?

[Anonymous Penguin]

Если просто, то сайт всегда должен выглядеть как при альбомной ориентации. Так что...

Пример VERT. Вы хотите нечто такое при повороте?

...да, правильно

Answer 1

[wonderingpeanut]

нагуглил в интернетах, не проверял работоспособность
1) screen.orientation.lock('landscape');
2) manifest.json:

{
    "display":      "standalone", 
    "orientation":  "landscape", 
}

<link rel="manifest" href="manifest.json">