Масштабирование плюс адаптация. Как реализовать?

Question

[Вадим Бричок]

Здравствуйте, знатоки!)
Может, это глупый вопрос... Но поиск не дал ответа.
Суть такова:
Есть сайт, он проадаптирован от 1920 до 320px.
Заказчик хочет, чтобы от 990px и выше была масштабируемая версия 1920. А ниже - адаптация по медиа запросам.
Была идея через JS вставлять meta viewport нужный в шапку, но это провал))
Подскажите, пожалуйста, есть ли решение (или толкните в нужную сторону) или нет?

Answer 1

[Вазген Алексанян]

Хотя бы скриншот показываете. Потому что многое из сайта зависит. (в смысле как реализовать )

Comments

[Вадим Бричок]

in-create.abvv.group - ссылка на проект.
По "хотелке" надо, чтобы на расширении от 990 до 1920 сайт отображался как на 1920.
А, ниже 990 - адаптация (не масштабирование) - ну, это есть.

[eduardich]

Дело в том,что он и так масштабируется. Не вижу проблем

[Вадим Бричок]

Наверное, я не правильно выразился.
Попробую "на пальцах" объяснить.
Сейчас:
Основная версия 1920.
Есть пороги адаптации (медиа запросы) на 1400, 1170, 991,767,480.

Надо:
Чтобы адаптация начиналась с 991 и пошло ниже.
А на всех экранах шире 991px чтобы отображалась версия 1920px, но по масштабу подогнана под ширину экрана.
Как-то так.

[Вазген Алексанян]

Я тебя совершенно правильно понял. задавай все по vw. и ширину, высоту, отступи и даже font size можно

[Вазген Алексанян]

но все это сделай в медиа - min-width: 990px

[Rustam Bainazarov]

VazgXa, Вадим Бричок, либо же меняй значение meta-тега viewport в зависимости от разрешения, чтобы отменить адаптивность и задать жёсткую ширину. Так проще будет.

Вместо такого, к примеру:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Вот этот:
<meta name="viewport" content="width=1920">

[Вадим Бричок]

SmthTo, вот-вот. Это и пробовал.
И этот вариант бы вполне устроил (не пришлось бы все переделывать, прописывать в другой системе измерения).
НО. Смотрю сайт через окно отладки (F12 \ Ctrl+Shift+I) - все отлично, как доктор прописал. Но, если смотрю просто в окне браузера - выполняется адаптация (или вылезает в сторону, если отключить стили адаптации).

[Rustam Bainazarov]

Вадим Бричок, а какой полный код решения проверки и активации того или иного значения meta-тега?

[Вадим Бричок]

SmthTo,

[Rustam Bainazarov]

Вадим Бричок, а можете кодом скинуть, если это код на картинке?

Не пашет картинка.

Желательно код всей шапки со всеми meta-тегами.

[Rustam Bainazarov]

Вадим Бричок, посмотрел по ссылке код сайта, да, этот метод уже не работает :))

Блин, тогда даже не знаю, если честно.

[RAX7]

Вадим Бричок, убрать медиа запросы на max-width:1400px и max-width:1170px, переписать на max-width:1919px размеры в процентах, а не пикселях.

[Ankhena]

Вадим Бричок, meta viewport работает только на мобильных. На десктопах решайте задачу через media. Или переводя все или часть размеров в vw|vh.

[Вадим Бричок]

Всем большое Спасибо за помощь!)