Как можно качественно повернуть сайт на 90 градусов?

Question

[Tenebrius]

Вопрос выглядит, наверно, несколько упорото, но все же.

Нужно повернуть содержимое страницы на 90 градусов. Можно сказать - имитировать смену ориентации экрана (ландшафтная/альбомная)

Пробовал добавить тегу "body" в стили "transform: rotate (90deg)". Так-то он повернул, но, во-первых, все элементы стали гораздо более размытыми, во-вторых, содержимое не подстраивается под размеры экрана. Пробовал даже задать высоту/ширину "body" v помощью vw/vh, но тоже лучше не стало.

Так можно как-то повернуть страницу или нет?

Answer 1

[_ _]

Если принять во внимание то, что ширина у веб-страницы величина конечная, а высота - нет, то можно сказать, что нельзя, кроме как способом, описанным вами.

Comments

[Tenebrius]

Ну, я, например, видел "горизонтальные" сайты. Где высота фиксирована, а ширина подстраиваемая. Например: braznica.ru

[_ _]

@Tenebrius
Речь о том, что механизм отображения DOM опираясь на ширину viewport определяет выкладку элементов на странице. Сделайте 1000 inline элементов с рандомным контентом - браузер их впишет в viewport, перенося где нужно, определив тем самым высоту страницы. Ваша задача, по-сути сводится к тому, чтобы заставить браузер выкладывать элементы не сверху вниз, увеличивая высоту страницы, а слева направо, увиличивая ее ширину.

Answer 2

[Юрий Лобанов]

А повернуть сам экран не устраивает? Я имею в виду, что настройки большинства видях позволяют это сделать.

Comments

[Tenebrius]

В том то и дело, что нет. Нужно реализовать только средствами браузера.

Answer 3

[Алексей Куреев]

Для мобильных устройств верстается 2 варианта дизайна: для портретной и ландшафтной ориентации. Чтобы определить ориентацию, вы можете воспользоваться CSS @media.

Отвечая на ваш вопрос: нет, одной-двумя строчками нельзя. Качественное решение требует определенного времени.