Как убрать масштабирование широкого сайта для мониторов с маленьким разрешением и телефонов?

Добрый день. Суть вопроса такова: есть верстка сайта x96200yc.beget.tech . Так как дизайн рассчитан на широкий формат экрана, а именно 1915рх (body задана фиксированная ширина в 1915рх), на маленьких разрешениях он соответственно масштабируется и появляется боковой скролл.

Нужно чтобы сайт просто отдалялся на всех устройствах и был по ширине экрана, пусть и очень мелким.
Пробовал менять viewport, но это не принесло никаких результатов. Единственное что помогло это изменения у body свойства transform scale в зависимости от разрешения экрана. Но заказчику данный вариант не понравился. Мол трансформация будет сайт тормозить и он конечно же прав. Мне кажется есть более простое решение чтобы отменить масштабирование на всех устройствах.

Вот сайт который работает как мне нужно: https://csgo-happy2.ru.
Если говорить еще понятнее то я хочу чтобы сайт помещался в окно браузера, но при этом имел ширину в 1915рх и к тому же не было скрола.
  • Вопрос задан
  • 132 просмотра
Пригласить эксперта
Ответы на вопрос 2
dimovich85
@dimovich85
Уроки по JS - https://t.me/school_ofpery
Для начала удалите meta viewport, дальше зависит от верстки, если там все хорошо в плане адаптивки, то будет просто уменьшаться.
Ответ написан
AntonLitvinenko
@AntonLitvinenko
HTML coder
Если нужно чтобы неадаптивный сайт просто масштабировался скейлом, то надо удалять viewport
Вот например подобный сайт
rollermag.com.ua
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы