Как сохранить пропорции страницы на моб?

Question

[graf45231]

Есть интерфейс, он изначально был сделан на разрешение 1920x1080. Все элементы макета крупные и хорошо подходят как для моб, так и для десктопа.

Хотелось бы получить решение, которое позволит, сохраняя все пропорции и расположение, показать тот же интерфейс на мобильном устройстве в горизонтальном положении экрана. Задача кажется простой вроде бы, но уже второй день не могу придумать решение.

То есть вот интерфейс на десктопе, хочется увидеть ровно тоже самое на моб. Как решить данный вопрос?

Comments

[Ankhena]

Задать все размеры от которых пляшут в vw (потом можно добавить %, em и т.д.).

[Антон Литвиненко]

отключить адаптивку вообще

[graf45231]

Антон Литвиненко, Как?

[graf45231]

Ankhena, Неужели нет более простого способа? Просто это надо кардинально менять стили и в целом отходить от привычной верстки.

Я думал еще над тем, чтобы при загрузке высчитывать js'ом размеры текущего окна и в зависимости от отличия размеров экрана от задуманных макетом скалировать всю страницу через transform, до нужных значений, но это кажется диким костылем.

[Ankhena]

graf45231,

но это кажется диким кастылем

да, уж
так вас проклянут все

Неужели нет более простого способа?

Отключайте адаптив и пишите фикс ширину в meta viewport. Только проверяйте, что получилось. Браузеры могут иметь свое мнение и увеличивать какие-то части сайта, следите за единицами измерения.

Answer 1

[Glorious Cat]

Захардкодить ширину (высоту) viewport.